Change buy button colours on mobile slide (crave theme)

Store Design
1

Hi there. Regarding my web mobile page. 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 to add a container on mobile slide?)

TIA!

2

@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
oscprofessional_0-1657872455015.png567×757 286 KB

3

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

4

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?

5

@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

6

awesome thank you!