My site: etheraloasis.co
My theme: Dawn
See attached image. When items are added to shopping cart and it pops up floating on top, the background is transparent. I’d like to make it have a black background.
Thanks in advance for any help!
Topic summary
A user seeks to change the transparent background of Dawn theme’s floating shopping cart popup to black.
Solutions Provided:
Multiple respondents offered similar CSS-based fixes:
- Access Online Store > Themes > Edit Code
- Open the theme.liquid file
- Insert custom CSS code just before the
</body>closing tag
Key Technical Details:
- The solution involves adding CSS styling to override the default transparent cart drawer background
- Code snippets were shared (though appear garbled in the conversation)
- Changes require editing the theme’s liquid template file directly
Status:
The original poster confirmed the solution worked by thanking respondents. The issue appears resolved through the CSS customization approach. This is a common Dawn theme customization request addressed through straightforward code injection.
Hey @spacetimerider
Follow these steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above
1 Like
Hello @spacetimerider
I would like to give you the recommendation to support you so kindly follow steps below:
- Go to your Online store > Themes > Edit code
- Open your theme.liquid file
- Paste the below code before
I hope the above is useful to you.
Best regards,
GemPages Support Team
1 Like
Thank you!
Hello @spacetimerider ,
You can try to:
Go to your Online store > Themes > Edit code
Open theme.liquid file → Add this following code above the
Save and preview.
Hope this can help. Let us know if you need any further support.
Regards,
Ali Reviews team.
1 Like