Shopify themes, liquid, logos, and UX
Can anyone tell me how to change my mobile buttons (when on a photo banner specifically)?
It's meant to look like the desktop version (with the black background), but it shows up transparent on mobile.
Here's my shop link in case it's needed: www.thespiralpath.love
Desktop:
Mobile:
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hey @plants4friendz,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a.button.button--secondary {
background-color: #222 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
This is an accepted solution.
Hey @plants4friendz,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a.button.button--secondary {
background-color: #222 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Worked perfectly! Thank you so much.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025