Hi there! I’m having trouble changing the outline of the color swatches. One is black so it falls ‘away’ to the black background. Same goes for the buy button. I’ve tried adding several pieces of code to resolve this, but they did not work unfortunately. Website is houseofhymnia.com and the theme u…

@HouseofHymnia Can you please share a preview URL ?

Hello @HouseofHymnia Try this code You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .swatch[data-option-value="White"] { border: 1px solid rgba(0, 0, 0, 0.2) !important; } .prod…

Off course https://www.houseofhymnia.com/collections/frontpage/products/cobra-king-pourer

Hi Techlyser, thanks for your help and quick response! I’ve added the code to the theme.liquid file above but it’s not doing anything unfortunately.

Hi Ashbeel111, thanks for your reply and this is the way to go. When I inspect the elements in Chrome it shows code below for the buy button and brass color swatch. Should I make the changes here and add this to the theme file? Add to cart

@HouseofHymnia Please follow below steps to add the outline color of the variant picker and buy button. Let me know whether it is helpful for you. From admin, go to “Online Store” → “Themes”, click “Customize” button in the current theme. Go to product page and click “Product information” section …

Change outline color of variant picker and buy button

Store Design

HouseofHymnia February 27, 2024, 11:11am 7

This is what I’ve added and after inspecting the elements on Chrome I would think this should work, but after previewing the website it doesn’t…

Topic		Replies	Views
How can I change the outline color of my variant button pills? Shopify Discussion troubleshooting	6	116	January 23, 2024
Changing Buy Now & Add to cart button colors Store Design	2	68	July 18, 2022
How to change the outline of checkout button? Store Design design , shopify-themes , troubleshooting	4	58	June 19, 2024
Change the colour of the add to cart button on the product variant modal view from outline to solid. Store Design design , customizations , collection-page , cart-page , troubleshooting , product-page	7	65	February 17, 2025
How to change the color of the variant picker ? Store Design design , customizations , css , product-page	8	215	March 7, 2025

Change outline color of variant picker and buy button

Related topics