Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #262299
    newgeneral
    Participant

    I’m trying to make my links change to a different color than the default green when the cursor is hovering. I’ve tried a few different variations of CSS codes with no luck. What can I do?

    My site is lawverse.ca.dream.website

    #262336
    Skandha
    Participant

    @newgeneral: Hello there,
    Can you please let me know which links you are referring to?

    Kind Regards,
    Skandha

    #262391
    newgeneral
    Participant

    All links on my website (my site title, my blog post titles, menu items)

    #262505
    Skandha
    Participant

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

    a:hover {
        color: #f23456 !important;
    }

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

    #262622
    newgeneral
    Participant

    I’ve added that to the Additional CSS box and no changes occur. Do you know why that might be?

    #262629
    Skandha
    Participant

    @newgeneral: Hello there,
    The above CSS Code seemed to be working at my end. I am not able to access your site URL you provided above. Can you please check?

    Kind Regards,
    Skandha

    #263086
    newgeneral
    Participant

    Thanks Skandha for looking into this.

    I’ve tried deleting my cache too and no luck. No changes actually happen when I enter that into the Additional CSS box. Is there a way I can send a screenshot to show you?

    #263103
    Skandha
    Participant

    @newgeneral: Hello there,
    There seems to be a little mistake on your Additional CSS code.
    After the code

    .site-info {
        display:none;

    it should closed curly bracket } and not {

    Please correct this and the CSS I provided also should work.
    Kind Regards,
    Skandha

    #263115
    newgeneral
    Participant

    Thank you so much! That worked. I really appreciate it!

    #263128
    Skandha
    Participant

    @newgeneral: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/simclick/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #263630
    [email protected]
    Participant

    I tried this
    a:hover {
    color: #f23456 !important;
    }

    and it only changed some of the links. Other links, such as the search icon, still go green when I hover

    #263702
    [email protected]
    Participant

    I have been editing with the Additional CSS to manually change the colors but it’s pretty hit or miss it seems. The 3 menu bars are still green when I hover. And some links/ buttons go green after I’ve clicked. Is there a way to remove all green?

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change Link Hover Color’ is closed to new replies.