How to make a Custom Liquids background transparent ?
my custom css:
.custom-background {
background-color: transparent !important; /* Make this class transparent */
}
pls make this work on custom css
Hi @Xzanderz , Can you kindly share your store URL with us? We will check it and suggest you a solution if possible.
Hi, ofcourse https://39c2fd-5a.myshopify.com/products/kids-heavy-cotton%E2%84%A2-tee
for example this frame:
I put this inside the custom css but it doesnt seem to work even I tried to change the color
.section-sections--17177527189666__custom_liquid_eNG3jG-padding { background-color: transparent !important; }
1 Like
CSS cannot edit image or remove backgrounds.
The background must first be transparent in the actual image in it’s entirety.
https://www.shopify.com/blog/194970057-remove-background-product-photography-image
Hi @Xzanderz ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
it didnt seem to work and Im sorry for misunderstanding. I wanted to say the background of the section like this:
.section-sections--17177527189666__custom_liquid_eNG3jG-padding { background-color: transparent } (its above the head)it doesnt seem to work. Even I tried to check it with changing the background color of the store but it didnt go transparent
The section I want: shopify-section-sections–17177527189666__custom_liquid_eNG3jG
Hi, Im sorry for misunderstanding I wanted to say the section part not the image
I have fixed the problem with schemes