How to change the color of all yellow accents on ride theme 10.0.0

Store Design
, ,
1

I would like to achieve a fully grey and white color scheme on my website, the problem is that Ride theme has unchangeable yellow accents throughout the theme. I would like to be able to change all of them, please. I’m pretty sure they include the: Filter button, share button, buy now/add to cart buttons, checkout button, trash button (from cart), and the continue shopping button. Thanks for your help in advance.

Url: https://f01520-2.myshopify.com/

Password: shisah

2

I just do a quick test on it. I think you can choose the theme style section by section.

CoreyNg_0-1689125288686.png
CoreyNg_0-1689125288686.png1850×932 137 KB

… except the FILTER but you can change the layout from “drawer” to “Horizontal/Vertical”

CoreyNg_1-1689125876111.png
CoreyNg_1-1689125876111.png751×563 82.4 KB

3

This only applies to certain sections, which I have already changed. I’m interested in learning how to change the buttons that don’t give you the option to change them such as the Filter button, share button, buy now/add to cart buttons, checkout button, trash button (from cart), and the continue shopping button.

4

If you want the color of all buttons changed to WHITE, you may try to add the CSS below.

.button {
background-color: #FFF;

}

CoreyNg_0-1689130564875.png
CoreyNg_0-1689130564875.png336×203 1.69 KB

5

That didn’t work, It changed some things but the share button, add to cart, and buy now buttons, trash, continue shopping, and checkout buttons are all still yellow.

6

Try this:
Config>setting_data.json

“accent-1”: {
“settings”: {
/* “background”: “#e3fc02”, /
“background”: “#ffffff”,
“background_gradient”: “”,
“text”: “#1f1f21”,
“button”: “#1f1f21”,
/ “button_label”: “#e3fc02”,*/
“button_label”: “#ffffff”,
“secondary_button_label”: “#1f1f21”,
“shadow”: “#ffffff”
}

REMEMBER to remove the custom CSS that been added