New Landing How can we help? Atelier On hover problems in css suddenly

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Atelier
  • #227864
    keyur71190
    Member
    Post count: 9

    Hi,

    If you open any product page. For e.g. : http://project.uglydukling.ca/product/ewing-33-hi-2/

    and hover of the icons(fb,pin,twitter) , add review button then when color and size selected, options will come and then hover..

    Everything is getting white.. and i didn’t do any changes. Please kindly fix the problem. so on hover everything works fine.

    Details I have already added.

    Thank you,
    Keyur Prajapati

    #227871
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I’m guessing you have the link colour set to white in the color customiser?

    – Kyle

    #227887
    keyur71190
    Member
    Post count: 9
    This reply has been marked as private.
    #227890
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok I’ve changed it to red for you, if you want something else just click the color customiser in the toolbar at the top and go to http://d.pr/i/jr12/3KN5SV9q

    – Kyle

    #227893
    keyur71190
    Member
    Post count: 9
    This reply has been marked as private.
    #227938
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    It seems because the several accent colors are white.

    Add the code below to your custom css option to change the text color and the border color on hover. Adjust to your desired color.

    .woocommerce form.cart button.add_to_cart_button:hover, #jckqv .cart .add_to_cart_button:hover, #jckqv .cart .yith-wcwl-add-to-wishlist a:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce .single_add_to_cart_button.button.alt:hover {
        border-color: #222!important;
        color: #222!important;
    }

    -Rui

    #227988
    keyur71190
    Member
    Post count: 9
    This reply has been marked as private.
    #228066
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    a.add_to_wishlist:hover{
    color: #222 !important;
    border: 2px solid #222 !important;
    }

    Thanks
    Mohammad

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register