Change buttons in sections to certain colors in "custom css"

Store Design
, , ,

Topic summary

A user wants to change button colors in specific sections using custom CSS, specifically requesting a blue color (#4062A6) for certain buttons.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate Asset → styles-buttons.css
  • Add custom CSS code at the bottom of the file targeting .content-box__buttons .buttons with desired background and color values

Outcome:
The solution was successfully implemented and marked as resolved by the original poster.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I would like to change certain buttons in my sections in the custom css for example,

i would like this button blue #4062A6

Screenshot 2024-01-02 at 7.34.41 AM.png
Screenshot 2024-01-02 at 7.34.41 AM.png1965×1050 341 KB

https://acorncanyon.com/

pass: daplau

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > styles-buttons.css and paste this at the bottom of the file:
.content-box__buttons .button {
background: #143f97;
color: #ffffff;
}

ZestardTech_0-1704200581226.png
ZestardTech_0-1704200581226.png1919×473 459 KB

3

thank you!

1 Like
4

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.