Twenty Twenty-Three: Unable to change link color

[rdobovic]

About two months ago I started having a problem with link colors on my website, I believe the problem started to occur after upgrading to WordPress 6.7, however I cannot be sure since WordPress upgraded automatically.

When I change link colors with the setting

Editor > Styles > Edit Styles > Styles > Colors > Link

Color is not updated for all links on the website, links written inside the post body remain the same (inside the paragraph/heading element).

When I check CSS in my browser, I can see that another CSS selector is overriding the link color I set.

I tried changing my theme to Twenty Twenty-Five and link colors seem to work fine. I am using Twenty Twenty-Three version 1.6 and WordPress 6.7.1. I already tried to disable all my plugins, but the problem persisted.

How to reproduce

I managed to reproduce it with official docker images, however I suppose that it will work exactly the same with a bare metal installation.

Pull images docker.io/library/mariadb:latest and docker.io/library/wordpress:latest, create containers with those two images, put them in the same network and set environment variables so that WordPress can connect to the database, publish WordPress http port.

• Connect to the wordpress container using your web browser (I am using Firefox 133.0.3 Linux)
• Fill the setup form
• Log in
• Set TwentyTwenty Three as your WordPress theme
• Open the default post and add create some links inside the post body
• Go to site editor and change the links color
• If you now open up the post you will see that color of the links inside the post body did not change

(Note that WordPress version inside container is 6.7.2 and theme version is 1.6)

[poena]

Hi @rdobovic and welcome to WordPress trac!
Have you tried first asking in the support forums?

This is not a bug with WordPress.
When you change the default site wide (global) link color, the color is only changed on blocks that does not already have a link color set.
This is necessary because otherwise, the color settings on the blocks would not work. We would not be able to have different colors on different blocks.

The theme is designed to have the color "preset color secondary" on links in the content.
To change it, you must open the Styles sidebar, open the blocks panel, and change the link color of the content block itself.

---

There are different ways for block themes to assign colors.

• Default colors for the body and for the blocks can be added in the theme.json configuration file.
• Colors can also be added in the patterns and in the templates themselves, when the designer wants to use other colors than the block defaults. In this case, you need to select the block itself in the editor and change the color. These colors can not be changed through the Styles sidebar.

[rdobovic]

Hi @poena, thank you for your answer!

I tried asking the same question on the support forums. They directed me to ask the question on the theme support forum, which I did, however, two months later there is still no answer. That's why I came here.

This solves my problem, I just don't understand why this suddenly changed, a few months ago the content block inherited the site-wide (global) link color.

I think it would be a bit more intuitive for the content block to inherit global link color by default, like for example the paragraph block does. But that's just my opinion :)

Anyway, thank you once again!

[karmatosed]

Thank you everyone for your work on this issue, however it does seem that for now closing this ticket makes sense. It does not look to be an issue that is something able to be reproduced. Please note that any closed issue can always be reopened if additional information becomes available.