Issue: A Shopify merchant using the Refresh theme couldn’t change a home page button’s color via the Theme editor and wanted it set to blue (#0E1B4D). The Colors section didn’t show a setting for the existing grey.
Fix provided: Add a custom CSS rule in the theme’s base.css targeting the primary button. Steps: Online Store > Theme > Edit code > open base.css > paste a rule that sets a.button.button–primary background to #0E1B4D (with !important) and opacity to 1, then save.
Outcome: The merchant confirmed the CSS change successfully updated the button color. No further adjustments were needed.
Notes: Images were shared to show the current button appearance and the desired color, but the resolution hinged on a small CSS edit rather than Theme editor settings. The discussion is resolved, with no remaining open questions or disagreements.
Hi @jbslide
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
a.button.button–primary {
background: #0E1B4D !important;
opacity: 1 !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
