Archived topic

Change opacity within Page Header

8 replies · Started by Edwin on November 22, 2017

Viewing posts 1–9 of 9

November 22, 2017 at 11:22 pm #431262

Hi Tom

How to have opacity within Page Header > Content > Background Color. Instead of a fully transparent header, merged with the navigation, I’m trying to achieve 85% opacity.

I also tried the opacity within Customize > Colors > Header but that did not change it.

This is working, but when i resize the screen the background is not staying in place

.site-header {
background-color: rgba(38, 38, 38, 0.94) !important;
color: #3a3a3a;
}

Thanks

Edwin

November 23, 2017 at 7:58 am #431629

Hi there,

Not sure what you mean?

The page header content right now is from slider.

If you are talking about the navigation, you can change it in Page Headers > Advanced.

Make sure you are using the latest version of GPP.

November 23, 2017 at 9:22 am #431721

The background color option in the Page Header settings should have a transparency slider.

November 23, 2017 at 3:30 pm #431912

Hi Tom

I tried that, but not working for me. I am trying to archive for the top-header merged with Revolution slider:

background: rgba(15,18,21,0.83);

Thanks

November 23, 2017 at 6:57 pm #431999

And you have these options set?: https://www.screencast.com/t/WENelJDpM

November 23, 2017 at 7:20 pm #432008

Hi Tom

Yes, i have

November 23, 2017 at 9:36 pm #432056

Ah, just looked into this. The overlay sits behind the Page Header content - not on top of it. Since your slider is Page Header content, it sits on top of the overlay (as it should).

You would need to apply an overlay to the actual slides.

November 26, 2017 at 2:21 pm #434978

I didn't think about that. So easy :-)

Thanks Tom

November 26, 2017 at 6:11 pm #435126

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.