Black Friday Sale! Get up to $40 off GP Premium!Learn more

Reply To: transparent background color and bg image

Home Forums Support transparent background color and bg image Reply To: transparent background color and bg image

#181898
Tom
Lead Developer
Lead Developer

Like an overlay color over the image?

Not currently – there’s no method for adding an overlay colors over a background image in CSS.

It would require some extra CSS to be added like this (not sure if it will work, just a though):

.site-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: red;
    opacity: .6; 
    display: block;
}

.inside-header {
    position: relative;
    z-index: 1;
}

That assumes you’re use the site header and not the Page Header add-on.

  • This reply was modified 4 years, 8 months ago by Tom.
  • This reply was modified 4 years, 8 months ago by Tom.