How do I change the color of the button label?

Store Design
1

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
Screen Shot 2020-08-29 at 08.25.55.png1381×584 517 KB

2

Please provide website URL

1 Like
3

Here you go https://filiptestab.myshopify.com/

4

Your store is password protected. Please provide password

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

1 Like
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
Screen Shot 2020-08-29 at 08.53.44.png654×231 185 KB

6

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

2 Likes
7

Please like my all posts

Thank you

1 Like
8

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.

9

@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;
}