How can I modify the 'Add to Cart' button color in District theme?

Store Design
,
1

Hi,

I am using the District theme and I am wanting to edit my “ADD TO CART” button so when hovered over or pressed it changes to a solid red colour. At the moment it is just an outlined red box. I have searched everywhere to be able to do this but can’t find any options to edit the button. Any help would be very much appreciated. www.workiesworkwear.com

Many thanks,

Mark

2

To change the appearance of the “ADD TO CART” button in the District theme, you will need to add the CSS for your website.

.cart-buttons__enabled .default-cart-button__button:hover,
.cart-buttons__enabled .default-cart-button__button:active {
background-color: red;
border: 2px solid white;
color: white;
}

1 Like
3

Hello @MarkM11 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1671500666114.png
GemPages_0-1671500666114.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1671500754799.png
GemPages_1-1671500754799.png1914×906 75.1 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like
4

This is brilliant, thank you so much :slightly_smiling_face: