What’s overriding my link css?

  • kristofferkb

    (@kristofferkb)


    1 year, 2 months ago

    Hi all!

    I ´ve changed the link hover color and I can confirm that this change is reflected in theme.json. However, it is ovverriden by:

    .wp-elements-db45c4e30f6f4661495eb2a023fd00c4 a:where(:not(.wp-element-button)) {
        color: var(--wp--preset--color--white);

    I have no idea where this is coming from? I know I could easily write some custom css to solve this, but I want to understand what’s causing the issue?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Carolina Nymark

    (@poena)

    1 year, 2 months ago

    Hi, it is not possible for someone who is not editing your site to help you troubleshoot this.
    I can’t even see from your help request which block you mean, so I can’t help you search for existing issues.
    We do not have any knowledge about the changes you have made to the global styles or the styling of the individual blocks.
    I can only guess that your block, the single block that is placed and selected, has a color set on it in the color settings. The code example you shared does not have anything related to the hover state.

    Carolina Nymark

    (@poena)

    1 year, 2 months ago

    Basically, you need to view the page source find which block on your page has the wp-elements-db45c4e30f6f4661495eb2a023fd00c4 class. It may be a parent of the block where your CSS is not working. And then check the color setting on the block in the editor.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘What’s overriding my link css?’ is closed to new replies.