Split Theme: Changing button colors across the whole theme

Solved
Highlighted
Excursionist
33 0 0

That worked! Thank you for the patience. Could you paste the final code here so that I can accept it as your solution? :)

0 Likes
Highlighted
Shopify Expert
3892 559 933

This is an accepted solution.

I have added prev given code.

 

.shopify-section .site-box.box__slideshow-split .slideshow-item .site-box .button {background: #ffc439 !important;color: white !important;}

.shopify-payment-button__button{background: #ffc439 !important; color: white !important;} 

Just removed other code that affecting from your slider file. 

Now you can manage code by "home_slideshow.liquid" file

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
33 0 0

Hi Jasoliya,

 

I'm having issues with the "Buy now" button recently, sometimes it won't load or it's taking more time to load than other buttons. You think that can be an issue of the change we made? Since the image:

 

buy now is gone.JPG

0 Likes
Highlighted
Shopify Expert
3892 559 933

Additional button load by shopify server so we can not interact with this, this button take little time then other its natural. 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
33 0 0

I decided to remove the dynamic button as it slows down the load time and I prefer to have a fast, functioning product page. Would you mind showing me a code on how to turn the "Add to Cart" button yellow instead of the dynamic button we did previously? I'd really appreciate that. I can paste it in the CSS myself!

0 Likes
Highlighted
Shopify Expert
3892 559 933

Remove below css from asset->theme.scss file from bottom 

.shopify-payment-button__button{background: #ffc439 !important; color: white !important;} 

Add this css:

[name="add"]{background: #ffc439 !important; color: white !important;} 

 

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
33 0 0

Should I replace it with 

[name="add"]{background: #ffc439 !important; color: white !important;} 

Or add it all the way below?

0 Likes
Highlighted
Shopify Expert
3892 559 933

Yes, you can replace.

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
33 0 0

That worked. Thank you. Could just the text turn black when hovering over?

0 Likes
Highlighted
Shopify Expert
3892 559 933

add this one:

[name="add"].button:hover {background: black!important;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes