Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #10910

    Can I change add to cart hover states without changing all other links?

    #69793

    Hi,

    I’m not sure if you are referring to the css properties. But try to add this is your custom.css or Quick CSS:

    Code:
    #top #wrap_all div .thumbnail_container .button:hover {
    //put your css code here
    }

    Hope this helps. :)

    Best Regards,

    Ismael

    #69794

    Yes I’d just like to change the color of the link for the shop cart without changing all other elements.

    #69795

    Hi O5,

    You can add the following to your Quick CSS or custom.css and change the color code as needed.

    #top div .thumbnail_container .add_to_cart_button {
    background-color: #fff;
    }

    Regards,

    Devin

    #69796

    Interesting this doesn’t work either.

    #69797

    Hi,

    Try to add the following in your Quick CSS or custom.css:

    Code:
    #top #wrap_all div .thumbnail_container .button:hover {
    color: red;
    }

    This changes the color of ‘Add to Cart’ to red when hovered. The ‘Add to Cart’ I’m referring is located inside the product image and appears when the product image hovered, I hope that I’m pointing on the right thing you want to change. Hope this helps. :)

    Best Regards,

    Ismael

    #69798

    Hey Ismael,

    I really appreciate the help. The add to cart I was trying change is the one on the single product page. The color matches many other Primary color elements, I wanted the add to cart to have its stand alone color. Could you assists?

    Thx

    #69799

    Hi,

    Yes, we would love to assist you. :) Try to add this code in your Quick CSS or custom.css

    Code:
    .cart > .button.alt {
    background-color: red;
    color: #EEE;
    }

    The code above changes the button’s background color to red and font color to greyish-white. Hope this helps. :)

    Best Regards,

    Ismael

    #69800

    Hey Ismael,

    This still isn’t working for me. Just to be sure we are on the same point, When you go to the single product page, the add to cart button that is near the quantity, this is the “add to cart” I’d like to change the color of, Currently it’s the same color as the header and footer background and the flag, but im looking to have it with a different clor.

    Best regards

    #69801

    Hey!

    You can use following css code:

    div .container button.button{
    background-color: #333;
    }

    and change the color value as required.

    Best regards,

    Peter

    #69802

    Great it works.

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

The topic ‘Add to cart hover state’ is closed to new replies.