Topic summary
A Shopify store owner using the Sense theme encountered an issue with buy buttons appearing completely white instead of colored. The user shared screenshots showing the problem and provided their store URL (ladylux.se), which was initially password-protected.
Initial Solution Attempt:
- Adding CSS code to the base.css file targeting
.image-with-text__content a.buttonwith background color #6E355E - This approach caused unintended issues on the homepage
Successful Resolution:
- Instead of editing base.css directly, the solution involved:
- Going to Customize in the theme editor
- Selecting the “image with text” section
- Scrolling to find the Custom CSS field
- Pasting the CSS code there
- Saving the changes
Outcome: The user successfully located the Custom CSS section and resolved the button color issue. The helper emphasized this approach was safer since the Sense theme is free, making mistakes less costly than with paid themes.
Status: Resolved - user confirmed the fix worked and thanked the helper.
Jag behöver hjälp med att ändra färg på några av mina “köpknappar” kan inte fixa det. Dom är helvita och jag vill ha dom i färg.
1 Like
Please, share your store URL. THanks!
When I see my URL a come in to theme Dawn but that is incorrect I building in Sense
Its password protected.
Ja den är lösenordsskyddad men inaktiverade det nu
Thanks for the info, try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- 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:
.image-with-text__content a.button {
background-color: #6E355E;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
För mig är HTML koder rena Grekiskan, rädd att förstöra allt då jag inte förstår innehållet
Det där hjälpte inte alls. Förstår inte alls dessutom kommer det bara massa ledsna gubbar på startsidan. Så nu har jag fixat en felkod på slutet där.
If you’re not comfortable editing base.css, you can add the code in the Edit Page section instead.
Click Customize.
Click the image section named image with text.
Then this come out.
Scroll down look for Custom.css and paste the code.
And click save.
You don’t need to worry since you’re using the free Sense theme. The one you’d need to be more concerned about is a paid theme.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Hittar inte avsnittet du pratar om på Templates? Har svårt att hitta.
Hej igen!
Nu hittade jag, tack! Det blev bra.
//Helena
Good to hear! Could you please mark this post as solved? Thanks!