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

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

Home Forums Support generateblocks css is overriding custom css in child theme

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1529386
    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

    #1529595
    David
    Staff
    Customer Support

    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 ?

    #1529692
    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.