How to center align image & text in debut theme

chintj
Tourist
4 0 1

Hi,

I am using debut theme.

I want to align product description and product images in my product page to the center of the page. Can someone show me how to do this? I search thru the community posts and couldn't find.

store URL: https://www.pavilionstall.com

 

Pallavi
Shopify Expert
2196 357 469

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-card__image-with-placeholder-wrapper .product-card__image-wrapper>div {
padding-top: 100% !important;
}

.product-card__image-with-placeholder-wrapper .product-card__image-wrapper>div img {
height: 100%;
object-fit: cover;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
7318 1729 2305

@chintj 

Please check below. 

debut-product-description.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes