How to change color on the button in mobile version?

Store Design
1

Hello,

I’d love some help in figuring out how to change the background on the (attached screenshot) “Explore the collection” button from white to my standard EE9B40 orange color and text color from black to white. I only want this for the mobile version, as at the moment it comes in black and white and looks very stark and crass.

Thank you in advance for any help!

Screen Shot 2563-07-29 at 16.00.13.png
Screen Shot 2563-07-29 at 16.00.13.png960×1246 150 KB

2

Hello YellowSummer,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

@media only screen and(max-width:768px){
a.action_button.first_button.highlight-false {
    background-color: #EE9B40;
    color: white;
}
}
1 Like
3

@oscprofessional Thank you so much! It worked but there’s a black border around the orange box, is there any way to get rid of it?

4

Hello YellowSummer,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

@media only screen and(max-width:768px){
a.action_button.first_button.highlight-false {
   border-color: #EE9B40;
}
}