Is it possible to change the color of the buttons “FIND YOUR ETERNAL BLOOM TOTE” and “Read more about our journey”? I’d like them to stand out more on the page. Thank you!
Here the link: https://s8ntop1tnlzluqm6-71988969740.shopifypreview.com
Topic summary
Issue Resolved: Button Color Customization
A user sought to change the color of two specific buttons (“FIND YOUR ETERNAL BLOOM TOTE” and “Read more about our journey”) on their Shopify store to improve visibility.
Solution Provided:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate the CSS file (base.css, theme.css, styles.css, or theme.scss.liquid)
- Add custom CSS targeting
a.button.button--secondarywith black background and white text using!importantflags
Outcome:
The solution successfully changed the button styling. The user confirmed it worked as intended.
Note: The discussion includes screenshots showing before/after results and code snippets, though some text appears corrupted in the original thread.
Hi @Esra47 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
a.button.button--secondary {
background-color: black !important;
color: white !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
It worked! Thank you 
1 Like