Centralized description in vertical line

[jensenkley_]

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?

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

[suyash1]

@jensenkley_  - can you please share product page link?

[jensenkley_]

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

[jensenkley_]

https://www.gearfox.com.br/collections/mais-vendidoss/products/bolsa-vintage-com-carregador

Password: vietwu

[suyash1]

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

[jensenkley_]

Done! 

[jensenkley_]

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

[suyash1]

@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

[jensenkley_ · 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!