Shopify themes, liquid, logos, and UX
Hello guys,
I want to increase the padding between the product images on sense theme on mobile. Basically I want to get the 1st product image to stay in the middle of the screen and the second image to stay out of the screen if not chosen. I want the first product picture to be in the center and clean without a second one being there. This is the link to the store and product images https://beautlee.com/products/order
Hi @Titina17 !
This is PageFly - Advanced Page Builder. I would love to give you some recommendation.
Please paste this code at the bottom of base.css under assets in theme code files
.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
padding-left: 13px !important ;
You can use px as you want.
Like this;
Best Regards;
PageFly
Okay I did that but if I add too many px my first image is getting cut. I need also to increase the space between the first and the second photo at least.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024