How to make button and button label a solid colour instead of transparent

Store Design

Topic summary

  • Goal: Change the image banner’s button and its label in the Craft theme to a solid color instead of the current transparent style.

  • Context: The requester shared a screenshot to illustrate the transparent button/label appearance embedded within an image banner. The screenshot is central for understanding the visual issue.

  • Latest update: A responder asked for a link to the store to inspect the implementation and diagnose how the theme/CSS is affecting the button styling. No code, theme settings details, or URL have been provided yet.

  • Status: Unresolved. The thread is awaiting the store link (or a preview link) to proceed with troubleshooting and recommend a concrete solution (likely via theme settings or custom CSS once the site can be reviewed).

Summarized with AI on December 24. AI used: gpt-5.
1

Screenshot 2025-12-23 at 23.47.01
Screenshot 2025-12-23 at 23.47.011920×631 414 KB

Hi,

I am using the craft theme and would like to find out if there’s a way to make the button and button label, imbedded in the image banner, a solid colour instead of transparent.

Thanks

2 Likes
2

Hi @Haggais_Hope_26 , can you share a link to your store?

3

can you share a preview link of your store?

5

The single best thing you can do is use the tools available to you and try different things. It becomes opaque when you assign the link to the button:

Screenshot 2025-12-23 162901
Screenshot 2025-12-23 1629011914×825 139 KB

2 Likes
6

Hi @Haggais_Hope_26

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

7

Here is a link to my store Aloe & Wax , thanks!

8

Aloe & Wax here it is!

9

@Haggais_Hope_26 your store is password protected. Can you share the password as well?

10

Here is the password: §t4rt+!

11
12

@Haggais_Hope_26 the issue is that the Button block inside your Image banner doesn’t have a link, so the theme automatically makes the button translucent to indicate it cannot be clicked.

This can easily be solved by clicking on Edit theme from the Shopify Admin, clicking on the translucent button and assigning a link to it from its settings

1 Like
13

Ah ok!! Got it. Thank you.

Apologies for wasting everyone’s time! I’m still very new to shopify and clearly not as tech savvy as I once thought I was :sweat_smile:

1 Like