Centralized description in vertical line

Solved
jensenkley_
Tourist
6 1 0

I would like to make the description with the images in the center. So I changed the code (I changed the div "rte product-single__description" from place) and the products looked like this. However, I need the photos and the description text to be vertically straight. Can you guys help me please?

Sem título-2.png

what I need is in the photo in green border. Thank you!

Captura de tela 2021-02-09 234918.png

 

0 Likes
suyash1
Shopify Partner
1995 205 304

@jensenkley_  - can you please share product page link?

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
jensenkley_
Tourist
6 1 0

sorry but I haven't launched the store yet, I'm in the finishing touches and this is one of the last But I am really interested in your help. So let me know if you need anything specific

0 Likes
suyash1
Shopify Partner
1995 205 304

@jensenkley_ - i can see images on this page, can you please add text too?

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
jensenkley_
Tourist
6 1 0

Done! 

0 Likes
jensenkley_
Tourist
6 1 0

On the cell phone it works. But not on the desktop

0 Likes
suyash1
Shopify Partner
1995 205 304

@jensenkley_ - the issue is text and image are part of description and it takes all the available space and we see text expanded, to make it central width needs to be reduced , but if we reduce description length then image too will look smaller

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
jensenkley_
Tourist
6 1 0

This is an accepted solution.

How i did it: Deleted this itens in the CSS file:

"

(.grid)
margin-left: -$grid-gutter;


(.grid__item)
padding-left: $grid-gutter;

"

Then i add "style="padding:20px; " in the "rte product-single__description" line:

 

<div style="padding:20px; " class="rte product-single__description" itemprop="description">
{{ product.description }}
</div>

 

Done!

0 Likes