• rod

    (@nomadarod)


    Hi,

    When I select a color for the links in the editor, I don’t get the same color when previewing. As in the banner at the bottom of the page.


    There is a code not allowing it;

    .has-background.has-link-color a {
    color: var(–wp–style–color–link, var(–global–color-primary));
    }

    How come that code overcomes the inline editor? Is there a way to change that?

    Thanks

    Rodrigo

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator threadi

    (@threadi)

    I’m not sure exactly which links you’re referring to and what they should actually look like. I assume you’re talking about the colored area where “Batucada” is linked, among other things. It appears black on my screen. How should it look?

    Thread Starter rod

    (@nomadarod)

    That’s exactly there. I have the color link for the whole website to be blue. So I edited the block in question in order to choose a different color.
    https://snipboard.io/ClKkn8.jpg

    There must be something that overrrides the yellow selection.

    Moderator threadi

    (@threadi)

    Yes, the setting you mentioned in the TwentyTwentyOne styling overrides the individual link color setting you made. I can only see one way for you to solve this problem at the moment. Add the following under Appearance > Customizer > Additional CSS:

    body .has-background.has-link-color a { color: #fff263 }

    This would make the color visible. However, this also affects all other boxes with background colors, so I’m not sure if that’s what you want. If not, you would need to give the box a CSS class in the editor and then only address this class via CSS.

    Thread Starter rod

    (@nomadarod)

    Yeah, I was considering that option too. But then I would have the same issue every time I wish to edit the link color through the editor.

    Any idea why the css from the theme (I assume it comes from there) is overriding the editor? And how to change that?

    Thanks

    Moderator threadi

    (@threadi)

    This would need to be optimized in the theme code. Feel free to open a ticket here: https://core.trac.wordpress.org/search?q=twenty+twenty-one – the developers will be notified and can take it into account in their next work.

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

The topic ‘Link color does not correspond to selected in editor’ is closed to new replies.