Change color of links
-
Hello!
How would I go about changing the color of the links on my blog?
Thank you!
Phoebe
The blog I need help with is: (visible only to logged in users)
-
Hi Phoebe –
Thanks for writing to us.
Are you referring to text links within the posts/pages? Or the items in the menu?
-
-
Hi @misspuppydoc, there are two ways to do this.
With custom CSS, which is a feature of the WordPress.com Premium and Business plans. This would change the link colors globally for all links in the content area.
Without the upgrade, you can manually change link colors in pages and posts. In the Post and Page Editors, you would highlight the linked text and then click on the Text Color icon in the lower row of tools and then select or enter your color. You would do that with each link.
-
-
Without custom CSS, it would only be possible to change the colours of links added to the content of posts and pages. It would be possible to change the link colour across your whole site with custom CSS though.
-
-
-
Hello,
You can try changing your link color without CSS in the Customizer under Colors and Backgrounds. I was playing around with the theme you are using and it has a color option for Links. You can read more about how to do this here: https://en.support.wordpress.com/custom-design/custom-colors/
Hope that helps!
-
Wait…I don’t understand…I am currently using custom CSS…I’m pretty sure I’m paying for Custom design….
Am I misunderstanding something here? I just need a code…
:-/
-
hi,
Try adding this CSS customization
/* not .button to exclude button links */
a:not(.button) {
color: blue !important;
} -
Hi there,
The code @kosiew provided above will affect ALL links on the site that are not using the .button class, which includes the Read More link, as that link, while styled as a button, is not using a .button class either.
The code to change the color for only links in the content of posts is:
/* Changes color of links in posts */ .post a:not(.more-link), .single-post a { color: #c73a8c !important; }The !important there is necessary to override the text colour which you appear to be setting manually inside the post, but means you won’t be able to override this section of CSS in turn.
-
-
-
Uh oh…
So the code above worked GREAT to change the color of the links in all the posts. But now….when I click on a post, the main menu links above also turns that color!
Is there anything I can do to keep the menu the same color while changing the post links?
Thank you kindly!
-
-
-
Hello!
That code is great for changing the colour of links in posts, but I’m having the same issue as @misspuppydoc did – although she seems to have worked it out… I cannot :(
Would appreciate any help :)
Matt
-
- The topic ‘Change color of links’ is closed to new replies.