Image Banner Button

Store Design
, ,

Topic summary

A user seeks help changing the “Shop Now” button text color in their image banner using custom CSS.

Solutions provided:

  • Background color approach: One suggestion recommends modifying the button background using:

    .banner__buttons {
  background: #B768F2;
}

  • Comprehensive styling: Another response offers a more complete solution targeting the button element directly:

    .banner__buttons .button {
  background-color: #ffffff;
  border: none;
  color: black;
}

Both responses provide CSS code snippets to customize the banner button appearance, though they take slightly different approaches—one focusing on the container background, the other on the button element itself with additional border and color properties.

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

Hi,

Does anyone know how I can change the color of the “Shop Now” text in the button of my image banner, using custom CSS?

page link: https://maisonmidori.com/

Screenshot 2024-10-21 at 1.00.43 PM.png
Screenshot 2024-10-21 at 1.00.43 PM.png2920×1176 583 KB

2

hi @maisongreen_03

The background needs to be replaced with the color you require.

.banner__buttons{

background: #7B862F

}
3

Hi @maisongreen_03 ,

Please add code:

.banner__buttons .button {
    background-color: #ffffff;
    border: none;
    color: black;
}