How to Change Mint Green Color that Occurs When You Scroll Over Words with Mouse

  • Unknown's avatar
    weissworldofpr · Member ·

    Hello,
    Currently, when you scroll over the title of my website, the title changes to a mint green color. I would like to make the site title (“Write Reason”) change to a yellow instead of a mint green when you scroll over it. The titles of each blog post also turn mint green when scrolled over and I would like to change those titles to turning gray instead. I want to keep all of the other colors for everything on my site the same and simply change the mint green color that occurs when words are scrolled over with the computer mouse.

    Please tell me how to make these changes, as I feel like I’ve tried everything.

    Thank you!!

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    Hi @ weissworldofpr!

    Changing the colors of those individual elements would need a bit of Custom CSS, which you can add to your site the a Premium Plan or Business Plan.

    With one of those upgrades, you can use these snippets for the site title and the post titles, respectively:

    .site-title a:hover, .site-title a:focus {
    color: #FDFD4C;
}

.post-header .post-title a:hover, .post-header .post-title a:focus {
    color: #CCCCCC;
}

    Those are some example colors, you can swap out the HTML color codes if you want :)

  • The topic ‘How to Change Mint Green Color that Occurs When You Scroll Over Words with Mouse’ is closed to new replies.