Archived topic

generateblocks css is overriding custom css in child theme

2 replies · Started by Joost on November 13, 2020

Viewing posts 1–3 of 3

November 13, 2020 at 12:45 am #1529386

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

November 13, 2020 at 4:34 am #1529595

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 ?

November 13, 2020 at 6:13 am #1529692

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

This archived topic is closed to new replies.

Start building better websites today.