Is there a way to change the default colors of the blog when hovering over title

  • Resolved learn2love

    (@learn2love)


    4 years, 7 months ago

    Hello,

    We are looking to change part of the default colours of the blog within the theme. The tag colours and text when the mouse hovers over it appears green. We cannot see this green colour under the customize settings and are not sure where it comes from. I was wondering if there maybe was a way to have this colour changed, say to #DF2176 for example.

    Thank you very much for your time and help, it is greatly appreciated,

    @learn2love

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    .layout-two-columns .site-content .content-area article .entry-title a:hover {
    color: #DF2176;
}

    Please feel free to ask any other questions that you might have.

    Kind Regards, Roman.

    Thread Starter learn2love

    (@learn2love)

    Thank you for this Roman, it is greatly appreciated!

    We are very grateful for the excellent support you have provided us and are happy to leave a positive testimonial as a thank you.

    The code you shared worked well to change the title hover, but did not change the other parameters of the page, such as the background of the tag colour, clock icon to represent the date posted, and the author icon. I was wondering if there is maybe an easy fix to change the other ones as well. I was thinking also that maybe in future versions, it would be cool if these colours were editable features directly from the customizer window in setting up the blog.

    Thank you very much again for your time and help, it is appreciated

    Hello,

    The code you shared worked well to change the title hover, but did not change the other parameters of the page, such as the background of the tag colour, clock icon to represent the date posted, and the author icon.

    Okay, please try to use this CSS code instead of the previous one:

    .layout-two-columns .site-content .content-area article .entry-title a:hover,
.layout-two-columns .site-content .content-area article .entry-meta i {
    color: #DF2176;
}

.layout-two-columns .site-content .content-area article .entry-header .first-cat {
    background-color: #DF2176;
}

    Kind Regards, Roman.

    Thread Starter learn2love

    (@learn2love)

    That’s fantastic, it worked wonderfully for us, thank you for this!

    We greatly appreciate your time and help.

    You are welcome!

    By the way, it would be nice if you leave your feedback for the Airi theme, here is a quick link ??

    Kind Regards, Roman.

    Thread Starter learn2love

    (@learn2love)

    Thank you, we have just left a review ??

    Very best wishes

    Okay, thank you very much! ??

    Kind Regards, Roman.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Is there a way to change the default colors of the blog when hovering over title’ is closed to new replies.