If you want to remove the header or banner area on any OptimizePress LiveEditor page but leave the navigation bars intact (if activated) follow these steps: To remove this you would need to use a little custom CSS: .page-header{display:none} You can add this to the Blog Settings > Modules >…

Use this custom css by adding it to Page Settings > Other Scripts > Custom CSS (select from dropdown): body .container .navigation ul { text-align: center; }body .container .navigation ul li { float: none; display: inline-block; }.page-header .navigation ul li { display: inline-block; }

There isn\’t a way to add a gradient in the header with our standard OptimizePress options I\’m afraid, only a solid colour or image are able to be used. So you could create a gradient image inside Photoshop which is the height of your header and then upload that as…

With many different web browsers available for your site visitors to use to access your site, there will always be subtle differences in the way these different applications render your pages. There are also some CSS tweaks you can make to adjust the rendering of text on your pages in…

You can use the following custom css to center your footer content on an OptimizePress LiveEditor page: Add this code in the Page Settings > Other Scripts > Custom CSS section .footer-navigation {float:none;} .footer-copyright {float:none;padding-top:5px;} .op-promote {float:none;padding-top:5px;} This will center any footer navigation, the footer copyright and footer promotional tag…

If you want to change the font size of the comments text inside the OptimizePress blog system this can be accomplished with some simple CSS. Use the following code and customize the values to fit your desired style. Add these codes inside Blog Settings > Modules > Other Scripts >…

Use the following Custom CSS if you want to make your background image stretch to the whole background of the page: body { background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } The background image should be uploaded through the live editor options – “Colour Scheme…

This guide will show you how to remove a row background image on mobile, and allow you to specify a background colour instead. Smallest Screen Size (Mobile phones only) Specify a custom CSS class for your row To switch the background image off on mobile phones, you first need to…

When you are using a background image for your rows inside the OptimizePress LiveEditor, you may wish to adjust the positioning of your image when the page is resized on mobile devices Unfortunately HTML &  CSS (the code that controls the formatting of images and text on your pages) only…

If you need to change the link that is setup when you click on the header or logo of a LiveEditor page, follow these steps: 1. Inside the LiveEditor, click on “Layout Settings” 2. Next, click on Header & Navigation 3. Now scroll down to find the “Edit header/logo link”…