[Support request] generateblocks css is overriding custom css in child theme

[Joost]

hi, I’ve made a custom header for example with generateblocks and made it the main header with the ‘generate_header’ hook.
I’ve added custom css to the container block of the header in the child-themes stylesheet. But the gb-container css keeps overriding the custom css. What can I do to make the stylesheet prioritise?

https://staging-joostweddepohlgc.kinsta.cloud/wedding-photographer/

thank you

[David]

Hi there,

your child theme style sheet is loading after the GenerateBlocks styles, so they should not be overridden.

However, i looked at the Child Theme styles and i cannot see and CSS that is specific to the GB Blocks. What exactly is not working ?

[Joost]

Hi David,

Thanks for taking the time 😉
Sorry, I didn’t activate the header element with the gb-container.

the gb-container class has a position:relative to it while in my custom css I have a position:fixed –> https://ibb.co/19t1zfc

I have set the background-color:none; on the gb-container. But it still has a background color.

I’ve animated the header with javascript. On scrollUp the class jwpnavbar–scrolled should have background-color: var(–bg-color); But it doesn’t change the color.

check: https://staging-joostweddepohlgc.kinsta.cloud/weddings/

thank you,
Joost

[Author]

Posts