Refresh theme change add to cart button colour

Store Design
, , ,
1

Hi, I would like to change the colour of the add to cart button on my website. For both the primary colour and the rollover colour and also for mobile. I am currently using the refresh theme.

Does anybody how this can be done? Any help would be much appreciated!

Store link:

https://www.farandwideofficial.com/products/family-passport-holder-black-for-4

Kind regards

Tim

2

Hi @mrtkmk ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product-form__buttons .product-form__submit {
    color: white !important;
    background: black !important;
}
.product-form__buttons .product-form__submit:hover {
    color: black !important;
    background: white !important;
}

I hope it would help you
Best regards,

Richard | PageFly

3

Hello @mrtkmk

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

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/section-main-product.css theme file.

  3. Please add the code at the end of the file:

.product-form__submit{
   color: green !important;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

Hi Richard! Thank you for your fast response. This looks like the perfect solution.

Do you also know how to change the border color of the button please?

5

Thanks for your response Pixatel. However, I don’t think that’s an option with the Refresh theme.

6

Hi GemPages, thank you for your response!

Do you also know how to change the border colour of the button?

Thanks

7

Hi @mrtkmk ,

You can try below code in section-main-product.css file:

.product-form__buttons .product-form__submit:after {
    border: 1px solid red !important;
    box-shadow: none !important;
}

I hope it would help you
Best regards,

Richard | PageFly

8

Hi Richard, that worked! Thank you for your help today :+1: