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

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support