how to change colour?

Store Design
, , , , , , , , , ,
1

i want to change colour of theis size chart buttuon to red.. make it semi-bold

URL: https://groovystreet.in/products/multi-pockets-side-zipper-black-cargo-pants

Screenshot 2024-09-21 105716.png
Screenshot 2024-09-21 105716.png1897×907 172 KB

2

Hello @Emiway
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

.block-swatch {
background: #f83a3a !important;
font-weight: 500;
}

rsult

2.png
2.png675×416 43.7 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

Hi @Emiway ,

To make this happen you need to add a small css code in your theme file. for that follow below steps,

From Shopify backend

  1. Online Store → Themes → “…” → Edit Code

  2. In Edit Code → “assets” directory → “theme.css” file.

  3. Open the theme.css file and add the following code at the end of the file:

.block-swatch {
background: red!important;
color: white!important;
font-weight: 600!important;
}
  1. Save the file and reload your website.

Result:

Sweans_0-1727070923199.png
Sweans_0-1727070923199.png609×160 6.1 KB

I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!

Regards,
Sweans

4

i want to change size chart button which i have marked in image

5

i want to change size chart button which i have marked in image

6

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.
.text-subdued {
    color: red !important;
	font-weight: 600;
}

result

3.png
3.png556×300 11.2 KB

Thanks

7

want only this size chart button to be red

3 (1).png
3 (1).png556×300 13.6 KB

8

where to use this?

9

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

10

Hi @Emiway ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!