Hey,
I am trying to put a code into theme.css to change the colour of my "add to cart’ but everything I add doesn’t make any changes. The latest one I have at the bottom of the page is
.product-form__add-to-cart {
background-color: #FD884C;
border: 2px solid black;
color: white;
}
What am I doing wrong? It just won’t change
Hello @Lydy22
It’s GemPages support team and glad to support you today.
Your custom code does not work because Dawn theme does not any element have class product-form__add-to-cart
Please use this code
.product-form__buttons button.product-form__submit{
background-color: #FD884C;
border: 2px solid black;
color: white;
}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you, unfortunately that doesn’t work either.
Hello @Lydy22
It’s GemPages support team and glad to support you today.
Could you please share your url has custom code ( with pass if your store password is enabled ) then I can see and suggest something for you?
Kind & Best regards!
GemPages Support Team
Thanks www.lydy.com.au
Hello @Lydy22
It’s GemPages support team and glad to support you today.
I not found your theme name, so maybe it is not Dawn theme
Please use this code
.payment-buttons #AddToCart-7531127701663{
background-color: #FD884C;
border: 2px solid black;
color: white;
}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Hello @Lydy22
It’s GemPages support team and glad to support you today.
Your theme is quite special, not all products have the same id
Please try this code
form.product-single__form .payment-buttons button.add-to-cart{
background-color: #FD884C;
border: 2px solid black;
color: white;
}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thanks for trying to help me, unfortunately that isn’t working either.
The theme was originally DAWN, I paid a contractor to add some FAQ dropdowns on my product page and lots of things have been broken ever since.
OH MY!! That worked, thank you so much!!!
Sorry, it isn’t showing orange on the mobile version. Do I need to do something for that as well?
Hello @Lydy22
It’s GemPages support team and glad to support you today.
I found your custom code inside block CSS only apply for screen larger than 769px
maybe like this
Please move it outside code block
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
You are amazing, that worked! thank you
