Add an optin form to sidebar of my non-OP theme blog NOTE: Starting with OptimizePress version 2.5.11 we introduced a newer theme that has a more modern design, faster loading pages,...
Adding Full image background Use the following Custom CSS if you want to make your background image stretch to the whole background of the...
Adding Full-width Image Slider on a Page Page Using Slider Element If you have the OptimizePress Version 2 plus pack (publisher or pro account from OP2) then you can add a...
Adding Full-width Video Player on Live Editor page To add a full-width video player into your page, please follow these instructions: 1. Go to your specific Live Editor...
Change Logo / Header link If you need to change the link that is setup when you click on the header or logo of a...
Changing the Color of the Pop Up Overlay Window Background Please paste this code below to Page Settings >> Other Scripts >> choose Custom CSS from the dropdown .op-popup-fancybox .fancybox-inner,...
Changing the rendering of text on your pages With many different web browsers available for your site visitors to use to access your site, there will always be...
Customize Comment Font Size If you want to change the font size of the comments text inside the OptimizePress blog system this can be...
Fix footer to bottom of LiveEditor Page (for shorter pages) If you have a short page in the LiveEditor such as a landing page, you may find that on larger...
How do I add a gradient to my page header (LiveEditor) There isn\’t a way to add a gradient in the header with our standard OptimizePress options I\’m afraid, only a...
How to add scroll to top feature We do not have a “page-up” feature within OptimizePress, but there might be a few ways you could do this...
How to bold bullet list text in Bullet List element If you want to make text inside a Bullet List Element bold you can just a little simple CSS: This...
How to center navigation on Pagebuilder / LiveEditor pages Use this custom css by adding it to Page Settings > Other Scripts > Custom CSS (select from dropdown): body...
How to center the footer navigation on LiveEditor Pages You can use the following custom css to center your footer content on an OptimizePress LiveEditor page: Add this code...
How to change the size / height of the logo in LiveEditor? The logo width is set at 250px currently to help stop people breaking their pages with huge logos. You can...
How to Hide an Element on Desktop? You should be able to do this with a little custom CSS. Basically this would be doing the reverse of...
How to hide the logo or banner (so only your navigation shows) If you have created a page in the LiveEditor but don\’t want the header or logo to show up (you...
How to modify the header / banner height (in LiveEditor) The header height is dynamically adjusted depending on the logo or banner you upload. If you\’re using a banner image...
How to remove header/banner on your LiveEditor pages If you want to remove the header or banner area on any OptimizePress LiveEditor page but leave the navigation bars...
Increase/Decrease Opacity (Transparency) of Header Background with Navigation Bar Alongside Logo 1. Go to your specific Live Editor. 2. Click on Layout Setting >> Header & Navigation >> make sure to...
Remove Row Background Image on Mobile This guide will show you how to remove a row background image on mobile, and allow you to specify a...
Remove the Drop Down icon of the Nav Menu Go to the Live Editor of your specific page >> click Page Setting >> Other Script >> Custom CSS >>...
Scaling of full width row background image on mobile When you are using a background image for your rows inside the OptimizePress LiveEditor, you may wish to adjust the...