How to change the color of the hyperlink upon hovering?

  • Zuzanna

    (@zrudas)


    6 years ago

    Hi,

    I would like the links in my posts to be orange. When I hover over them I would like them to be underlined.

    I don’t want to change the colours of the blog posts titles on the blog post page (https://www.zuzannarudas.com/barcelona-photography-blog/). I want them to remain as they are right now.

    Is there a way to do it once so that it applies everytime I write a new blog post and include links?

    If there’s no way of applying it globally, I can modify each link individually while writing the blog post. I tried it however, and I can’t find a way to do it (I can change the colour of the link, but not of the hover).

    Thanks for letting me know how this can be done.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Amit Singh

    (@apprimit)

    Hello,

    Try to add the below code to the Customize > Custom CSS section. Clear cache and reload the site to view the changes.

    div#content-wrap a:hover {
    text-decoration: underline;
}
div#blog-entries a:hover {
    text-decoration: initial;
}
div#content-wrap a {
    color: #ffa500fa;
}
div#blog-entries a {
    color: initial;
}
a.maxbutton:hover {
    text-decoration: initial !important;
}
    Thread Starter Zuzanna

    (@zrudas)

    Thank you, Amit.

    The links in the body are how I want them to be and the blog titles have not changed. That’s great.

    However now also the Category/Comments links at the top (metadata), related aticles at the bottom, as well as the sidebard links on the right are orange.

    Is there a way to change only the links that are the in blog post without affecting the metadata and the sidebar?

    Is there perhaps a possibility to change the hover colour/decoration of the individual link when writing the blog post, directly in the text editor?

    • This reply was modified 6 years ago by Zuzanna.
    • This reply was modified 6 years ago by Zuzanna.
    Amit Singh

    (@apprimit)

    Try to add the code to fix the remaining issue. 

    ul.meta li a, section#comments a, .relatedthumb.relatedpost-6036 a {
    color: initial !important;
}
    Thread Starter Zuzanna

    (@zrudas)

    Thank you, Amit! ??

    Amit Singh

    (@apprimit)

    You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change the color of the hyperlink upon hovering?’ is closed to new replies.