Add to Cart Button Color

Solved
RiahsRichesLLC
Tourist
5 0 5

On my website you can see my But It Now Button but my Add to Cart Button is faded and blends in with the background. Can someone help me change the color of the button to be the opposite colors of the But it Now Button? 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11162 2395 3435

This is an accepted solution.

@RiahsRichesLLC 

This code for the product page only. You can add this code at the bottom of your assets/theme.scss.liquid file.

button#AddToCart--product-template {
    border: 1px solid #f0cb1e;
    color: #f0cb1e;
}

 

I have changed the above border color and text color. Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 9 (9)
Jason
Shopify Expert
10970 196 2215

It is something the forum members might be able to help with. To get started with design queries it's always best to supply a link to you shop or the page in question. Ideally for you a product page. And it is useful to know what theme you're using, if it's customised, or perhaps custom built.

 

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★
dmwwebartisan
Shopify Partner
11162 2395 3435

@RiahsRichesLLC 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
dmwwebartisan
Shopify Partner
11162 2395 3435

@RiahsRichesLLC 

Please provide the password as well.

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
RiahsRichesLLC
Tourist
5 0 5

www.riahsriches.com Ziarah1012

dmwwebartisan
Shopify Partner
11162 2395 3435

@RiahsRichesLLC 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

button#AddToCart--product-template {
    border: 1px solid #fff;
    color: #fff;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
RiahsRichesLLC
Tourist
5 0 5

How can I make my boarder gold and teal writing? Certain places I put the codes in? 

dmwwebartisan
Shopify Partner
11162 2395 3435

This is an accepted solution.

@RiahsRichesLLC 

This code for the product page only. You can add this code at the bottom of your assets/theme.scss.liquid file.

button#AddToCart--product-template {
    border: 1px solid #f0cb1e;
    color: #f0cb1e;
}

 

I have changed the above border color and text color. Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
RiahsRichesLLC
Tourist
5 0 5

Worked perfect! Thank you so much!!!