Repository navigation
Link color in post content cannot be over-ridden with global styles #53534
Description
Description
When the Twenty Twenty-Three theme is activated and you try to change the link color in global styles the color of links does not change in the post content, though they do change in other parts of the template, e.g. footer, comments form, etc...
Interestingly changing the link hover color does work okay.
Step-by-step reproduction instructions
- Make Twenty Twenty-Three your active theme
- Create a post with links in the post content
- Go to global styles -> colors
- Change the link color
- View the page in the front end
- Verify that links still use the Secondary color - #345C00 (though hover color defined in global styles works okay)
Screenshots, screen recording, code snippet
No response
Environment info
WP 6.3
Chrome Version 114.0.5735.106
macOS Monterey
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes
Activity
t-hamano commentedon Aug 11, 2023
Thanks for the report.
I think the problem is because Twenty Twenty Three applies text color to the link in the post content block via theme.json.
https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentythree/theme.json#L329
In the global style, You should be able to override this style by changing the link color in the post content block.
t-hamano commentedon Aug 11, 2023
There was insufficient explanation on this point. Color support for te Post Content block was added in #51326. This will be available in Gutenberg 16.5.
mburridge commentedon Aug 11, 2023
Thanks @t-hamano , I couldn't change the link color from the post content block. Thanks for the explanation.
t-hamano commentedon Aug 12, 2023
I believe this issue has been resolved and would like to close it, but if I have missed something, please comment.