Refresh theme change add to cart button colour

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

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

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.

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?

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

Hi GemPages, thank you for your response!

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

Thanks

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

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