Solved

How do I change the color of the button label?

filip12
Excursionist
31 0 5

How do I change the color of the button label (see picture "Handla nu")? I have theme "debute" (free theme). Same goes for "buy now" and "check out" button.  

 

Screen Shot 2020-08-29 at 08.25.55.png

Accepted Solution (1)
Hardik29418
Shopify Partner
2913 419 1081

This is an accepted solution.

Please place this code at the end of yout theme.scss

 

 

.hero__inner .hero__btn {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
   color: #ffffff !important;
}

.shopify-payment-button__button, .product-form__cart-submit {
    background-color: transparent !important;
    border: 2px solid #000000 !important;
   color: #000000 !important;
}

 

 

 

 

 

 

If this solution works, then please accept it as solution and please like 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 8 (8)

Hardik29418
Shopify Partner
2913 419 1081

Please provide website URL

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
filip12
Excursionist
31 0 5
Hardik29418
Shopify Partner
2913 419 1081

Your store is password protected. Please provide password

And please let me know which color do you want to set?

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
filip12
Excursionist
31 0 5

tistay

 

Would be great to have it transparent with a a square and the text in white, similar to the attached picture. Screen Shot 2020-08-29 at 08.53.44.png

Hardik29418
Shopify Partner
2913 419 1081

This is an accepted solution.

Please place this code at the end of yout theme.scss

 

 

.hero__inner .hero__btn {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
   color: #ffffff !important;
}

.shopify-payment-button__button, .product-form__cart-submit {
    background-color: transparent !important;
    border: 2px solid #000000 !important;
   color: #000000 !important;
}

 

 

 

 

 

 

If this solution works, then please accept it as solution and please like 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Hardik29418
Shopify Partner
2913 419 1081

Please like my all posts

Thank you

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
menulio_seserys
Visitor
1 0 0

Hello, 

 

Thank you, I also used this answer to change my shop button label. It works great. www.menulioseserys.lt

But there is one more problem, then I put on photo button label, photo gets a little darker. Can I change it, I need photo to stay in normal full color. 

 

Thanks in advance for you answer.

Hardik29418
Shopify Partner
2913 419 1081

@menulio_seserys 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.hero__overlay::before {
opacity: 0 !important;
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email