Add to cart hover state

11 posts from 4 voices

• Started 1 year ago by O5
• Latest reply from O5
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   O5
   Member

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

   Posted 1 year ago #
2. 

   Ismael
   Moderator

   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:

   #top #wrap_all div .thumbnail_container .button:hover {
//put your css code here
}
   Hope this helps. :)

   Best Regards,
   Ismael

   Posted 1 year ago #
3. 

   O5
   Member

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

   Posted 1 year ago #
4. 

   Devin
   Moderator

   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

   Posted 1 year ago #
5. 

   O5
   Member

   Interesting this doesn't work either.

   Posted 1 year ago #
6. 

   Ismael
   Moderator

   Hi,

   Try to add the following in your Quick CSS or custom.css:
   #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

   Posted 1 year ago #
7. 

   O5
   Member

   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

   Posted 1 year ago #
8. 

   Ismael
   Moderator

   Hi,

   Yes, we would love to assist you. :) Try to add this code in your Quick CSS or custom.css
   .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

   Posted 1 year ago #
9. 

   O5
   Member

   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

   Posted 1 year ago #
10. 

    Dude
    Dude

    Hey!

    You can use following css code:
    

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

    and change the color value as required.

    Best regards,
    Peter

    Posted 1 year ago #
11. 

    O5
    Member

    Great it works.

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.