Change button colour for image banner

Store Design
, ,

Topic summary

A user wants to change their image banner button to have a white background with black text.

Solutions Provided:

Two community members offered CSS code solutions:

  • Option 1: Add code to base.css, style.css, or theme.css in the Assets folder:
.banner__buttons a {
    background: #fff;
    color: #000;
}
  • Option 2: Add to the section’s Custom CSS:
.button {
    background: #fff;
    color: #000;
}
.button:after {
    box-shadow: 0 0 0 1px #333;
}

Resolution:

The user initially reported the code didn’t work but then confirmed they resolved the issue themselves. Screenshots were shared throughout showing the desired styling and implementation steps.

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

Hi @ads_18

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.banner__buttons a {
    background: #fff;
    color: #000;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like