I am trying to upload a svg as custom liquid, but there is a margin at bottom. How can I remove that margin or change the background similar to hex #082820?
This is the page
page url-
Topic summary
A user is experiencing unwanted bottom margins when uploading SVG images via custom liquid sections on their Shopify store. The background color doesn’t match their desired hex color (#082820).
Initial Solution Provided:
- Add CSS code to base.css targeting the
.color-accent-1class - Set background to
#082820 !important - This successfully removed the margin issue
Complication:
The user has multiple SVG images requiring different background colors across various product pages. Applying a single accent color class won’t work for their use case.
Current Status:
The discussion remains open with the user seeking an alternative solution that allows individual background color customization for each SVG image rather than a universal color change.
Paste the following code at the bottom of base.css
.color-accent-1 {
background: #082820 !important;
}
Hope this will help you
Hi,
Thanks for the reply, It works but I have multiple svg images with different background colors. Changing all to accent 1 wont work. Can it be done some other way?
Page URL- https://adisi-coffee.myshopify.com/products/copy-of-colombia
