X3Photo Gallery Forums

Problem is, you don't want to set that header opacity for ALL pages. In your example, the text color even looks wrong. Let's start from scratch:

• Please remove the custom code.
• Set menu transparency to 25% from the slideshow intro plugin.
• Send me a link to the page, and I will write a little snippet that gives a higher transparency level (more black).

So, you basically want the header background area DARKER than this?


Just for reference, that background opacity is ONLY applicable when using INTRO, as the menu is overlaying the slideshow. It makes no sense to set a background color with opacity when you are NOT using an intro.

OK, I have a solution for you. Go to settings > custom > custom CSS, and add this: Then, for any page where you want to apply this background, go to page Settings > Details > Body Classes, and add (type in) the class my-header-background:


You can of course adjust the opacity value 0.7 up or down.

Also, I am not sure if you want to use the FIXED TOPBAR setting, but that will be affected. The reason this is a bit more complicated than you might think, is because the topbar background needs to be conditional and change based on your settings and when it's fixed/unfixed (attached). The default code therefore looks like this:

I already noted this in a previous post. If you are going to edit the header, you are causing a waterfall of changes across "FIXED" and other menu styles. X3 styles are complex, because they need to interact with a variety of conditions. You can try this:
That will NOT set the style on the sticky/fixed menu. You can't expect some short code that will magically make the menu look as you expect for 1. intro, 2.normal (top), and 3. fixed layout.