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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024