Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #253516
    yang
    Participant

    I want to change the hover color, it is currently color red and want to change it into color yellow (F0E68C). Can you help me how?

    #253521
    yang
    Participant
    #253528
    Skandha
    Participant

    @yang: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    a:hover {
        color: green !important;
    }

    You can change the color according to your choice.
    Let me know if this work out!
    Kind Regards,
    Skandha

    #253531
    yang
    Participant

    Yes, it works! But I have another question, can I change the default font color, its color red.

    The menu colors in my page is red. Is it possible to change it? You can check my site menu here: https://lifepothesis.com/

    #253622
    Skandha
    Participant

    @yang: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .nav-primary .menu .current-menu-item > a {
        color: #1234ff;
    }

    You can change the color according to your choice.
    Let me know if this work out!
    Kind Regards,
    Skandha

    #254002
    yang
    Participant

    Hmm, it just changed the primary menu. I can still see red on other links, like the one I screenshotted. See image link below.Can I perhaps changed the color red in the image and the scroll up button?

    https://www.dropbox.com/s/pt9p81q215lunwv/Capture.PNG?dl=0

    #254056
    Skandha
    Participant

    @yang: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    a {
        color: #12f456;
    }
    
    #scrollup {
    	color: #12f456;
    	border-color: #12f456;
    } 
    #scrollup:hover {
    	background-color: #12f456;
    }

    You can change the color according to your choice.
    Let me know if this work out!
    Kind Regards,
    Skandha

    #260721
    meshellefae
    Participant

    Hello! I tried using this CSS Code based on your answer to her here because I was also having issues with the hover color on my site:

    a:hover {
        color: green !important;
    }

    It worked for most of my links…however the menu, down page, and search icons are all still orange instead of #43E095. Also, the hover background colors on the buttons as well as the “Continue Reading…” links on my services and blog posts are still orange. Please advise.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to change hover color’ is closed to new replies.