[Support request] Top Bar color ?

[David]

Hi everyone,

I’m working on a new site with my graphic designer.
With help here, I got the sticky header working with a sticky header top bar (using elements).

Since then she has started to work and style things & I’m finding the sticky top bar is now hidden.
The settings look OK, and the top bar is there, just can’t see it – some issue with the background color?
the background color is not transparent!

TIA, Dave

[Elvin]

Hi,

I’ve checked your site and the top bar doesn’t seem to be “sticky”. Perhaps changes were made that removed the sticky effect?

Let us know.

[David]

Thanks Elvin, I will check – I thought I could detect text even though I couldn’t see it
Regards, Dave

[David]

Hi Elvin,

OK, that is back to working now.

Maybe I have not target the best class ?
The CSS was originally targeting:
gb-container-2ca8413c

But that seems to have changed to:
gb-container-cf683bf4

I tried putting in a class for the container in advanced, but that did not seem to work…
Would appreciate it if you can advise if I am doing it the best way.
Reminder it is an element, NOT the top bar

Best regards, Dave

[Elvin]

Do you still need the background color for the Block Element “top bar”? It looks find now on my end.
https://share.getcloudapp.com/E0u4Krmw

Would appreciate it if you can advise if I am doing it the best way.

Add in a unique CSS class to your GenerateBlock Container within the Block element so you can target it instead of the dynamic CSS generated by the plugin.

[David]

OK thanks I’ll double check, I did add a css class in advanced for the outer container, but it didn’t seem to work, I’ll try again!
Dave

[Elvin]

I’ve checked your topbar and the css class is actually placed correctly. You just need to fix the css or script you’re using to the proper css class selector(.the-top-bar).

[Author]

Posts