All things Shopify and commerce
Hello,
I would like to remove the padding to the left of the main image in desktop view on the product page. Is anyone able to help me?
Ella.
PW: ellacoker
If you want the image with full width then there needs to be some customization on your product template with product image slider.
I preferred to use it with default cause it is based on the ration and the screen size. Like if you have smaller screen then it will be like this https://prnt.sc/7-kaNmdBmQ1b
https://prnt.sc/tk7hXdniQsjC for this button space you can add a custom CSS in your CSS file.
You can add a custom CSS under your theme file.
Go to the Online Store -> Edit your theme code and find the base.css
@media(max-width:768px){
.rich-text--full-width .rich-text__buttons {
padding-top: 20px;
}
}
Add this CSS at the end of that base.css file and save it. I hope that works for you.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025