How to change the color to red of the "Buy 2, Get the 3rd at 80% OFF" variant button?

[Jim3]

Thank you for your time !

[Mustafa_Ali]

hey @Jim3 plz share the url of your website so i can help you

[Jim3]

Hey, my theme is Dawn on Shopify. 

Do you still need the url ?

[Dotsquares]

Hello @Jim3 

Could you please share your website URL so I can assist you  with your request ?

[Jim3]

Yes here you are: 

[Moeed]

Hey @Jim3 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
label[for="template--23392083870024__main-2-0"] {
    background-color: red !important;
    border: solid 1px red !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jim3]

God bless you 🙂 It works !

[Jim3 · Accepted solution]

@Moeed Do you know how could I also change the color of the text to black and bold it little bit at the same variant button? 

Thank you very much ! 🙂

[Moeed]

Hey @Jim3 

Just simply replace the code with this code below

<style>
label[for="template--23392083870024__main-2-0"] {
    background-color: red !important;
    border: solid 1px red !important;
    color: black !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jim3]

@Moeed 

I don't have words to describe you how much you are helping me ! Thank you again !

I have one last request which I want to try. Do you know how could I bold this letters just a bit?

[Moeed]

Glad to hear, feel free to update the code with this code below

<style>
label[for="template--23392083870024__main-2-0"] {
    background-color: red !important;
    border: solid 1px red !important;
    color: black !important;
    font-weight: bold !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jim3]

That is amazing, Thank you !

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Jim3]

Hi, @Moeed 

Thank you very much for your strong support!

Yes, I have one request: How could I bold the text of the tittle of the product page?

Kind regards, Jim 🙂

[Moeed]

Hey @Jim3 

Can you share your store URL again?

Best Regards,

Moeed

[Jim3]

Hey, @Moeed 

https://www.deborahloft.com/products/light-frame-anti-blue-glasses-transparent-black-optical-glasse-...

Thank you !

[Moeed]

Hey @Jim3 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__title>* {
    font-weight: bolder !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jim3]

@Moeed

 It works ! Thank you !

I want to mark it as solution but unfortunately is not giving me such a option idk why.. but I liked it already !

[Moeed]

It's completely fine! Thank you 🙂