how can I change the color of the button and background of the button, because when I try to code it other buttons also changes.
url:makerlab-electronics-ph.myshopify.com
pass:saboten
Topic summary
A user seeks to customize the background and text colors of a specific button on their Shopify store without affecting other buttons.
Two solutions were provided:
Solution 1 (Moeed):
- Navigate to Online Store → Edit Code → theme.liquid file
- Insert custom code above the closing
</body>tag - An image reference was included showing the implementation
Solution 2 (ZestardTech):
- Access Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locate Asset → base.css file
- Add CSS targeting
.banner--desktop-transparent .banner__box .banner__buttons a.button.button--secondarywith white background and black text - Paste the code at the bottom of the file
Both approaches involve editing theme files directly. The discussion remains open with no confirmation of which solution was implemented or successful.
1 Like
Hey @niceeee
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset-> base.css and paste this at the bottom of the file:
.banner--desktop-transparent .banner__box .banner__buttons a.button.button--secondary {
background: white;
color: black;
}