Change color of links

  • Author
    Posts
  • #3134984

    misspuppydoc
    Member

    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 phoebemd.com.

    #3135080

    Hi Phoebe –

    Thanks for writing to us.

    Are you referring to text links within the posts/pages? Or the items in the menu?

    #3135081

    misspuppydoc
    Member

    Sorry–the text links within the posts specifically.

    #3135309

    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.

    #3135509

    misspuppydoc
    Member

    Yes….I was wondering how to change all links with CSS….

    #3135581

    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.

    #3135637

    misspuppydoc
    Member

    I have custom CSS. I just need the code, please.

    Thank you.

    #3135945

    Good morning –

    The Premium plan is required to edit CSS.

    See here: https://wordpress.com/pricing/

    #3136018

    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!

    #3136138

    misspuppydoc
    Member

    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…

    :-/

    #3136146

    kosiew
    Member

    hi,

    Try adding this CSS customization

    /* not .button to exclude button links */
    a:not(.button) {
    color: blue !important;
    }

    #3136298

    kokkieh
    Staff

    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.

    #3136318

    kosiew
    Member

    @kokkieh, thanks.

    #3136399

    misspuppydoc
    Member

    Thank you SO much, Kokkieh! That’s all I needed. :)

    Have a great day!

    #3136450

    kokkieh
    Staff

    Happy to help :)

    #3137874

    misspuppydoc
    Member

    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!

    #3138101

    misspuppydoc
    Member

    Nevermind….I got it! Thank you! :)

    #3138148

    supernovia
    Staff

    You bet. If you need more help, let us know. Cheers :)

    #3141066

    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

    #3141202

    kokkieh
    Staff

    @prunomars

    Can you please give us the site you need help with?

The topic ‘Change color of links’ is closed to new replies.