Support » Theme: Kale » Change color on links

  • Resolved dailydotssk

    (@dailydotssk)


    Hi!

    I would like to know if there’s a CSS code I can use to change the color of my links. I like to change:

    – The color of a unclicked link
    – the color of a clicked link
    – the color and format when the mouse hovers over a link (ex. bold when hover)

    Thanks in advance!

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there,

    Thank you for getting in touch with us.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    /* Standard links */
    a {
        color: #b64f68;
    }
    
    /* Visited links */
    a:visited {
        color: #ca7489;
    }
    
    /* Hover links */
    a:hover {
        font-weight: bold;
    }

    and change it as you wish.

    Hope that helps.

    Kind regards

    Thank you 😀 !

    Hi there, thank you for posting this. It was very helpful for me to change the hover color for the hyperlinks on my website. However, I still haven’t been able to change the anything in the Main Menu. I just want to be able to change the text color for everything that you hover over (link, menu item etc.). Is there an additional code for this?

    Best,

    Hi @ashleighrose,

    You can try this style:

    a:hover,
    .navbar-default .navbar-nav > .current_page_item > a, 
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-nav > li:hover > a,
    .dropdown-menu>li>a:focus, 
    .dropdown-menu>li>a:hover,
    .widget ul >li >a:focus, 
    .widget ul >li >a:hover, 
    .widget ul >li > span >a:focus, 
    .widget ul >li > span >a:hover {
        color: #ca7489;
    }

    Kind regards

    Hi @jarektheme thank you for your response. That is a very pretty color. It changed all the hyperlinks but the menu text is still hovering as red though :-/

    @ashleighrose
    Could you share the URL to your site so I’ll take a look into it? I tested this on my local installation and it worked fine.

    Kind regards

    @ashleighrose It seems that your site is using ST Blog theme, not Kale so please contact ST Blog support.

    Best

    Oh yikes! OK, thanks again.

    Is there a way i could change each product link in my widget to a different color?

    diego

    (@corewpress)

    Hi @1mecg1,

    Welcome and thanks for your question! My name is Diego and I’d love to help you.

    Could you share your URL so I can see this first hand? And just to confirm, are you using the Kale theme?

    Kind regards,
    Diego

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.