how to make home products photo with shadow effect dawn theme shopify
Hello @kiekvienamsavo
Go to Online Store → Themes → Actions → Edit code
Go to Assets → base.css file → add this code to the bottom of page
.product-image {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
Save changes
Hope this can help
Ali Reviews team.
Hi @kiekvienamsavo ,
Go to Online Store → Themes → Actions → Edit code.
Go to Assets → base.css file → add this code to the bottom of the page.
.card__inner.color-background-2.gradient.ratio {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
Like This.
If it works for you, don’t forget to Like it and Mark it as a Solution.
It doesnt work for me?
Hello @kiekvienamsavo
Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.
Hello @kiekvienamsavo
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.media.media--transparent.media--adapt.media--hover-effect {
padding-bottom: 100% !important;
}
Thank you it helped for main product photos, but not helped for description photos gif..
Hello @kiekvienamsavo
This is not clear to me can you send me some screenshots so that I provide you with solution?