Change price color and buy now color

Solved
salobm
Tourist
8 0 0

 Hello!

Could someone help me please with this small issue?

In the product page, I want to change the price color from blue to #000000 

The "BUY NOW" button to #372720 and active color #B08D75

my page is www.carana.com.co. Its a customized wookie theme 

I have tried modifying the theme in theme.css.liquid but it doesn't work... 

Thanks for your help!!

 

0 Likes
Natztech
Shopify Partner
880 239 644

This is an accepted solution.

hello @salobm 

i check in your theme.css file bottom of file missing ' } ' end bracket please over this by end bracket  see screenshot  http://prnt.sc/12yv00y and paste the below code it will works 

#shopify-section-product-template  .container .row .tt-product-single-info  .tt-price .new-price span.money{
    color: #000000 !important  ;
}
.tt-product-single-info .shopify-payment-button__button {
    background: #B08D75 !important  ;
}

.tt-product-single-info .shopify-payment-button__button:hover {
    background: #372720 !important   ;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Michal_Morek
Shopify Partner
498 41 80

Hello Salobm,

Kindly welcome to the Shopify Community.

You should add this CSS code to your theme.css.liquid as you did it before.

.tt-product-single-info .tt-price span.money {
    color: black !important;
}
button.btn.btn-lg.btn-addtocart.addtocart-js:active {
    background-color: #B08D75 !important;
    color: #ffffff !important;
}
button.btn.btn-lg.btn-addtocart.addtocart-js {
    background-color: #372720 !important;
    color: #ffffff !important;
}

Please let me know if you have any further questions.

If you found this comment useful then please hit Like and Accept the Solution!
If you would like to hire us as Shopify experts, please reach out via email or private message.
Founder of Shopify agency - Accomplishify.com
Contact me on: michal.morek@accomplishify.com
0 Likes
salobm
Tourist
8 0 0

Thank you for your quick response!

I already changed the theme.css just as you told me and it still doesn't work

Captura de Pantalla 2021-05-15 a la(s) 2.33.19 p. m..pngCaptura de Pantalla 2021-05-15 a la(s) 2.33.34 p. m..png

0 Likes
Michal_Morek
Shopify Partner
498 41 80

Hello @salobm,

What about what I suggested?

If you found this comment useful then please hit Like and Accept the Solution!
If you would like to hire us as Shopify experts, please reach out via email or private message.
Founder of Shopify agency - Accomplishify.com
Contact me on: michal.morek@accomplishify.com
0 Likes
salobm
Tourist
8 0 0

Hello @Michal_Morek 

I tried both solutions and unfortunately none of them worked.

Do you have any other sugestion?

Thank you!

0 Likes
Michal_Morek
Shopify Partner
498 41 80

Hi @salobm 

Hope you're having a great day!

I'm glad your issue was fixed.

If you have any further questions, please do reach out either here on the forum, or via private message/email.

If you found this comment useful then please hit Like and Accept the Solution!
If you would like to hire us as Shopify experts, please reach out via email or private message.
Founder of Shopify agency - Accomplishify.com
Contact me on: michal.morek@accomplishify.com
0 Likes