You are viewing the OptimizePress 2.0 Help center. Click here for OptimizePress 3.0 support.
  1. Home
  2. Knowledge Base
  3. LiveEditor Customizations
  4. Increase/Decrease Opacity (Transparency) of Header Background with Navigation Bar Alongside Logo

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 empty the field of the header backround color and update.

3 After that go to Page Setting >> Other Script >> Custom CSS >> insert the below code.

.banner{
background: rgba(0, 0, 0, 0.8);
}

Please feel free to use your own background color using RGB color

You\’ll have to change the RGB color and the 0.8 is the opacity which can be changed if needed. A good site to find RGB color codes is: http://www.colorpicker.com/

Was this article helpful?

Related Articles

Support Discontinued
As a discontinued platform, OptimizePress 2.0 is no longer officially supported. We recommend upgrading to our new OptimizePress suite. Click the button below to see our latest plans
Upgrade to OptimizePress 3.0