Shopify themes, liquid, logos, and UX
With the help of the community, we succeeded in putting the image in the background of the homepage.
But the images were all in the background. I want to put different colors in the text-containing images, multiple rows.
I'd appreciate your help.
Solved! Go to the solution
This is an accepted solution.
Hello, it seems I understand what you mean. Please reopen the code you added and edit the old code as follows (replace, not add):
<style> body.gradient.animate--hover-default { background-image: url(https://th.bing.com/th/id/OIG.gdeWdR6VrfeujwVW5_Pm?pid=ImgGn); background-size: cover; } .header-wrapper.color-accent-1.gradient, .utility-bar.color-background-2.gradient, .color-inverse.gradient, .color-accent-1.isolate.gradient, .multirow.section-template--17242443415795__a59593d1-e6ec-4516-87af-1ede67dbf02e-padding.gradient.color-inverse , .section-template--17242443415795__image-with-text-padding.gradient.color-inverse{ background:transparent!important; } </style>
Is this the result you want?
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hi @MINHOJI ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Can you kindly share the details of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
<style>
.gradient {
background-image: url(https://th.bing.com/th/id/OIG.gdeWdR6VrfeujwVW5_Pm?pid=ImgGn);
background-size: cover;
}
</style>
I put this code in and put the image in the background of the homepage.
But I don't want this image to be in the check box, but I want the color to be in.
This is an accepted solution.
Hello, it seems I understand what you mean. Please reopen the code you added and edit the old code as follows (replace, not add):
<style> body.gradient.animate--hover-default { background-image: url(https://th.bing.com/th/id/OIG.gdeWdR6VrfeujwVW5_Pm?pid=ImgGn); background-size: cover; } .header-wrapper.color-accent-1.gradient, .utility-bar.color-background-2.gradient, .color-inverse.gradient, .color-accent-1.isolate.gradient, .multirow.section-template--17242443415795__a59593d1-e6ec-4516-87af-1ede67dbf02e-padding.gradient.color-inverse , .section-template--17242443415795__image-with-text-padding.gradient.color-inverse{ background:transparent!important; } </style>
Is this the result you want?
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Thank you so much.
I had a hard time for a long time, but I solved it thanks to you.
God Bless You!
I left a wrong comment
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024