Product Page Images

11 0 4

Right now my product page is too tight, the images hug the description (


How do I move the images and make them centred instead of hugging the description?


Thank you

Replies 2 (2)

Shopify Partner
6394 1535 1906

Hi @SamShuter 

You need to add padding. 


If this is okay here is the code. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:


@media only screen and (min-width: 749px){
.flickity-viewport {
    height: unset !important;
.grid__item.product__media__wrapper.large-up--five-eighths.medium--one-half.product__mobile--thumbs {
    padding-right: 50px;


And Save. 

Note: I didnt add the padding on the product content, it look congested. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Shopify Expert
371 62 74

Hi@SamShuter , 

It seems that you have solved the problem by adding "padding-right: 50px" in the theme.css. 



@media only screen and (min-width: 749px) {
    .grid__item.product__media__wrapper.large-up--five-eighths.medium--one-half.product__mobile--thumbs {
        padding-right: 50px;


I have checked your website, and it displays relatively well.



If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price

Need help from our expert? Kindly share your request with us via

BSS Commerce - Full-service eCommerce Agency