Support » Theme: Kale » Change color hyperlinks, but not internal ones

  • Resolved aubourget

    (@aubourget)


    Hi everyone,

    I changed the color of my hyperlinks in posts and pages with that CSS (I dont know anything in coding so just made mine up, it works) :

    *---LINKS---*/
    
    .single-content
    a:link{color: #0174b2;}
    .single-content
    a:visited{color: #0174b2;}
    .single-content
    a:hover{text-decoration: none;color: #4bb4ed;}
    
    .page-content
    a:link{color: #0174b2;}
    .page-content
    a:visited{color: #0174b2;}
    .page-content
    a:hover{text-decoration: none;color: #4bb4ed;}

    I like it like that, but do not want the recommended articles or similar articles (below my post) to be in blue. I want them to stay the usual color.

    Is there a code for that?

    Also, if not possible, then I would like to change the color of only the external links and not the internal ones (not the ones that goes to other pages or posts of my own website).

    Hope you understand my English.

    Any help would be greatly appreciated.

    Best

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @aubourget,

    Thank you for getting in touch with us.

    You can try to paste this code to Appearance → Customize → Additional CSS:

    .single-content .jp-relatedposts a:link {
        color: #545454;
    }
    
    .single-content .jp-relatedposts a:hover {
        color: #0174b2;
    }

    Hope that helps. Thank you for your time in this.

    Best regards

    Thank you very much @jarektheme !

    It worked for the related posts under the title “♡ Si vous avez aimé cet article, vous allez adorer ceux-là ♡”,
    but not for the recommended posts just beneath: “Je vous recommande également”.

    Would there be another code for those ?

    Thanks in advance,
    Best

    Hi there,

    I’m sorry for back and forth on this. Please add this code:

    
    .single-content .yarpp-related a:link {
        color: #545454;
    }
    
    .single-content .yarpp-related a:hover {
        color: #0174b2;
    }

    Please let me know if that helps.

    Kind regards

    Very kind of you @jarektheme !
    Works perfectly ! 🙂

    Hi @aubourget,

    I am glad it is working out for you 🙂

    Please let me know if there is anything else I can assist with?

    Would you please take some time out from your busy day to leave us a quick review here: https://wordpress.org/support/theme/kale/reviews/#new-post
    We’d really appreciate it 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change color hyperlinks, but not internal ones’ is closed to new replies.