Change color on links

  • Resolved dailydotssk

    (@dailydotssk)


    6 years, 3 months ago

    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

    Thread Starter dailydotssk

    (@dailydotssk)

    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

    Hi @jarektheme sure, its https://www.ashleigh-rose.com/

    @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?

    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)
  • The topic ‘Change color on links’ is closed to new replies.