Buy Now Button disappeared (refresh theme)

Topic summary

Issue: After changing the home-page slider background image (above the fold) on yada.day using the Refresh theme, the “Pre‑order now” button disappeared. Images were shared to show the state before/after.

Fix implemented:

  • Admin > Online Store > Themes > Actions > Edit code.
  • Open Assets > base.css/style.css/theme.css.
  • Add CSS:
    a.button.button–secondary { border: 1px solid white; color: white; }
  • Save. The button reappeared and became visible.

Likely cause: Not definitively identified. The helper suspects the button inherited colors from the new background/context, making it effectively invisible. Adding a white border and text color forced visibility. Attempts to adjust layering (“bring it in front”) did not resolve it.

Outcome: Resolved with CSS override. No additional actions or unresolved questions beyond a speculative cause.

Summarized with AI on January 23. AI used: gpt-5.

After changing the slider bg image in the above-the-fold section of the yada.day home page, the “pre-order now” button in the container of that slider disappeared (see screenshot from before it disappeared). I don’t think I accidentally deleted it.

I’d greatly appreciate any help!

1 Like

Hi @RasmusSeraphim ,

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:
  4. And Save.
a.button.button--secondary {
    border: 1px solid white;
    color: white;
}

Result:

i hope it help.

2 Likes

Indeed that did the trick, thank you so much!

Out of curiosity…any idea why it disappeared in the first place?

Im not sure, I try to bring it in front but no luck then I make another border. I think the button inherit the colors.