Product Page Images

SamShuter
Tourist
11 0 4

Right now my product page is too tight, the images hug the description (https://samarashuter.shop/products/fruitful).

 

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

 

Thank you

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6394 1535 1906

Hi @SamShuter 

You need to add padding. 

Made4uoRibe_0-1718118136845.png

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 Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
BSSCommerce-B2B
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.

BSSCommerceB2B_0-1718124568561.png

 

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 community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency