I’m looking to change the background colour and font colour for both the “Sold Out” and “Add to Cart” buttons (not sure of their technical name) on a product page. I’d like to make the following changes. ADD TO CART Background: #EFEFEF Text: FFFFFF SOLD OUT Background: #EFEFEF Text: FFFFFF Y…

got it, i add some comment so it will be easier for you to change it. From your Shopify admin dashboard, click on “Online Store” and then “Themes” Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “theme. Liquid” file. Find the tag and paste the code below b…

Hi @YukonPete The result of the color you choose is like this. [Made4uoRibe_0-1730406734680.png] On the sold out it okay but on the add to cart its not adviceable.

Hey, yeah that’s fair. Just what was asked of me but I’ll update the colours. Question still stands, if anyone can help :slightly_smiling_face: I can change up the hex later.

Hey, thank you that worked out perfectly! The only question I have is regarding using a colour #. If I write blue, red, white, etc I can update the colours, but when I put in a hex such as FF8080, it defaults to the theme colour scheme. Any advice?

did you write it correctly? [Made4uoRibe_0-1730578649139.png]

I thought so, but I must be missing something. [Screenshot 2024-11-04 102706.png]

Change Add to Cart & Sold Out button colours

Store Design

YukonPete November 4, 2024, 5:28pm 7

I thought so, but I must be missing something.

Topic		Replies	Views
How to change the color of sold out button(Impulse theme) Store Design customizations , css , shopify-themes	2	31	June 12, 2023
Change the colors of the add to cart/sold out button on homepage in Shopify Sense Store Design design , customizations , css , shopify-themes , troubleshooting	3	49	April 21, 2023
How to alter the color of the sold out button on Gentleman-1-0-7 theme? Store Design	9	43	October 12, 2021
Change "Add to cart" button color but only when Sold out on Dawn Theme Store Design design , customizations	6	38	January 25, 2023
Change Sold Out Color in Minimal font Store Design shopify-themes , troubleshooting , product-page	2	31	August 27, 2024

Change Add to Cart & Sold Out button colours

Related topics