How can I fix color settings issues on my website?

Solved

How can I fix color settings issues on my website?

Marko_Luburic
Tourist
12 0 4

Hello there 

 

I have a problem whit the color setting and im not abel to fix them can someone help me please?

Marko_Luburic_0-1675677327467.png

My first Problemm is that my card shows the amount on black on black

 

Marko_Luburic_1-1675677431474.png

My second problem is that the buy button is white and im not abel to change the color.

 

I would really appreciate it, if someone could help me.

Accepted Solutions (2)

Artzen_tech
Shopify Partner
552 113 111

This is an accepted solution.

Hello @Marko_Luburic 

Its Artzen Technologies! We will be happy to help you today.

1. Go to online store > theme > Edit code > Assets > base.css (file) and  Paste the below code at bottom of the file -> Save

 

.banner__content .banner__box .banner__buttons{
  background-color: black !important;
}
.header .header__icons .cart-count-bubble{
  color: white !important;
}

 

2.  After save the above code , it looks like this - see the below screenshots. 

Screenshot_3.png

 

Screenshot_4.png

Let me know if need further assistance

Regards,

Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

INA_MSWEB
Shopify Partner
1281 144 168

This is an accepted solution.

Hi @Marko_Luburic 

 

Thank you for sharing the URL. So, i have a solution for you to add a custom Css on your base.css file.

Please add this css in your bottom of the base.css file:
Go to online store > theme > Edit code > Assets  > base.css


.header .header__icons .cart-count-bubble {color: #fff !important;}
.banner__content .banner__box .banner__buttons .button.button--secondary {background-color: #000 !important;}


Regards,

Santanu

 

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

Replies 4 (4)

INA_MSWEB
Shopify Partner
1281 144 168

Hi @Marko_Luburic 

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).


Can you pls share your store URL with me, so i can check it once in my device and find the exact solution.


Regards,

Santanu

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Marko_Luburic
Tourist
12 0 4

Hello Santan

 

Thanks for helping me.

 

This is my URL:

 

https://smell-great.com 

INA_MSWEB
Shopify Partner
1281 144 168

This is an accepted solution.

Hi @Marko_Luburic 

 

Thank you for sharing the URL. So, i have a solution for you to add a custom Css on your base.css file.

Please add this css in your bottom of the base.css file:
Go to online store > theme > Edit code > Assets  > base.css


.header .header__icons .cart-count-bubble {color: #fff !important;}
.banner__content .banner__box .banner__buttons .button.button--secondary {background-color: #000 !important;}


Regards,

Santanu

 

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Artzen_tech
Shopify Partner
552 113 111

This is an accepted solution.

Hello @Marko_Luburic 

Its Artzen Technologies! We will be happy to help you today.

1. Go to online store > theme > Edit code > Assets > base.css (file) and  Paste the below code at bottom of the file -> Save

 

.banner__content .banner__box .banner__buttons{
  background-color: black !important;
}
.header .header__icons .cart-count-bubble{
  color: white !important;
}

 

2.  After save the above code , it looks like this - see the below screenshots. 

Screenshot_3.png

 

Screenshot_4.png

Let me know if need further assistance

Regards,

Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify