1. Home
  2. Knowledge Base
  3. LiveEditor Element Customizations
  4. How to Customize the Background Image Overlay Color and Feature Box Opacity Color of Shape Business Template

How to Customize the Background Image Overlay Color and Feature Box Opacity Color of Shape Business Template

Go to your specific Live Editor >> click on Page Setting >> Other Scripts >> Custom CSS >> look for the CSS code below to change the background color:

/* For Background image Overlay Color*/
 .opacity-background {
background:rgba(64,19,79,0.5);
}
/* For Feature Box Opacity Color*/
.white-border-opacity {
border: 5px solid white;
background:rgba(64,19,79,0.5);
}

Before

After

Important

You will have to change the RGB color and the 0.5 opacity. You can find the RGBA color here: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

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