Shopify Community webinar alert! Getting ready for BFCM: Learn Flash Sale Logistics Shopify coming Tuesday, October 23 | 11am EDT |Learn more.

Change buy button colours on mobile slide (crave theme)

Solved
grindlery
Excursionist
36 0 5

Hi there. Regarding my webmobilepage. I changed colour of font on top slide but want to change colours on the buy button (in same way that its customisable on desktop). It's currently black and white.

Can someone please help with some code? Site:www.kawa.mx

(By the way, anyone know a way toadd a container onmobile slide?)

TIA!

Accepted Solution (1)
oscprofessional
Shopify Partner
15691 2350 3036

This is an accepted solution.

@grindlery

@media only screen and (max-width: 749px) { .button.button--primary { background-color: #ff0000; --border-offset: #f00 !important; color: #fff; }}

Replace this css at the previous css of Online Store->Theme->Edit code->Assets->base.scss.liquid

and its useful please like and accept solution
thanks

Get pass your StoreCore Web VitalFree Speed Optimization Audit,Chat on WhatsApp| Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com |Custom Pricing Wholesale App :Free|Hire us| Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App |Shopify SEO| Digital Marketing

View solution in original post

Replies5(5)
oscprofessional
Shopify Partner
15691 2350 3036

@grindlery
Hello,

@media only screen and (max-width: 749px) { .button.button--primary { background-color: #f00; }

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like this

oscprofessional_0-1657872455015.png

Get pass your StoreCore Web VitalFree Speed Optimization Audit,Chat on WhatsApp| Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com |Custom Pricing Wholesale App :Free|Hire us| Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App |Shopify SEO| Digital Marketing
grindlery
Excursionist
36 0 5

Thanks so much! And how can I change the border and text colour on that button?

oscprofessional
Shopify Partner
15691 2350 3036

This is an accepted solution.

@grindlery

@media only screen and (max-width: 749px) { .button.button--primary { background-color: #ff0000; --border-offset: #f00 !important; color: #fff; }}

Replace this css at the previous css of Online Store->Theme->Edit code->Assets->base.scss.liquid

and its useful please like and accept solution
thanks

Get pass your StoreCore Web VitalFree Speed Optimization Audit,Chat on WhatsApp| Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com |Custom Pricing Wholesale App :Free|Hire us| Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App |Shopify SEO| Digital Marketing
grindlery
Excursionist
36 0 5

awesome thank you!

grindlery
Excursionist
36 0 5

Thanks. When I add the code, it also changes the colour of my 'add to cart' button specifically for subscription items. See product 'kawa's pick' for example. Can this be amended?