Support » Fixing WordPress » WP 4.8 – Can’t Change Text Color of Links in Post Editor

  • After inserting a link in the Post editor, you can’t then change the color of the link text. The CSS code gets added in the text editor. However does not show in the Visual Editor, Preview Mode or after the post is published. Tested in multiple browsers, without plugins and in default 2016 theme.

Viewing 11 replies - 1 through 11 (of 11 total)
  • You cannot do that with the post editor. It has to be via the CSS of your theme. You may wanna try this plugin to set the color of links:

    https://wordpress.org/plugins/simple-custom-css/

    Not talking the default text link color, talking about being able to override the color in the post editor on a per link / post basis. Always have been able to do that until the upgrade. We have been doing this everyday on posts for years. I’m a developer I know how to change the default link color in the CSS with out a plugin.

    Sorry, my bad I misunderstood.

    Always have been able to do that until the upgrade. We have been doing this everyday on posts for years.

    Well, if it happened after the upgrade, may be there has been some change that overrides any URL formatting made from the Visual Editor?

    I had the very same issue. I found that I now have to click right before (or right after) the link and hold shift while using the left or right arrow keys to highlight the link and then I can successfully change the link color.

    It’s a bit of a PITA to be honest. I use to just be able to click and drag over the link to change it.

    I’ve had the same problem since the upgrade. (It was fine beforehand, but not immediately after I did the upgrade.)

    I tried @erecinella‘s technique, but that wouldn’t work for me, either. Anyone else find a way to get around the problem? Hope it’s corrected soon!

    Thanks for the suggestion, by the way, @erecinella!

    Sorry, it didn’t work you! 🙁

    Thank you, @erecinella! I think I’ve found something that is working for me, though. If I change the font color just after typing the words and then add the link in a separate step, the color seems to be staying. Also a PITA, but it’ll hold me over until they fix the update issue.

    I tried both of the solutions offered (@haoconnor and @erecinella) and neither of them worked – the URL link still shows in the default black font color. Does WordPress monitor issues like this, where something so basic goes away in an “upgrade” and there doesn’t seem to be a fix or workaround?

    I am having same issues and would love to know if anyone has found a workaround.

    Hi. Let me try to share with you what I have done with my little knowledge of html.

    Try these steps that worked for me.

    1. On your editor, set to link color of your choice.

    2. On your HTML tab, check the text where you can find the <span> tag. Copy the <span> tag together with the color set in it, then paste it somewhere just before the linked text. So it would look like you need to have 2 (or sometimes 3) <span> tags with the same color set on it. As you can see on my example below, you may notice I have 2 <span> tags with #800000 as the link color on them.
    eg. <span style="text-decoration: underline; color: #800000;"><!-- <a href="https://www.facebook.com/" target="_blank" rel="noopener">--><span style="color: #800000; text-decoration: underline;">LINK</span><!--</a>--></span>

    NOTE: Don’t forget to put another closing tag </span> for every <span> tag you added on your code.
    This worked for me. I hope it would help you as well guys.

    • This reply was modified 1 month, 1 week ago by  growandteach.
    • This reply was modified 1 month, 1 week ago by  growandteach.
    • This reply was modified 1 month, 1 week ago by  growandteach.
    • This reply was modified 1 month, 1 week ago by  Marius L. J..
    • This reply was modified 1 month, 1 week ago by  Marius L. J.. Reason: Added code enclosures
Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.