Increase image grid and decrease title grid (Product page)

Store Design
1

Hi!
I need to increase the grid that has the photo and description and decrease the grid that has the title and price.

My website: www.blasti.com.br

I’ll leave some prints to understand better.

mysite.png
mysite.png1553×677 148 KB

Exemple 1:

example.png
example.png1535×711 162 KB

Exemple 2:

example2.png
example2.png1599×713 187 KB

The first is my site as it is, and the other 2 are how the size of the grids should look.

If you need some site code, or any information, just let me know and I’ll send it.

Thank you!

1 Like
2

@NicolasBlasti

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

My url:

www.blasti.com.br

1 Like
4

@NicolasBlasti

great thanks for your url

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 1000px){
.product-block-list__wrapper {width: calc(60% - 15px);}
.product-block-list__item--info {width: calc(40% - 15px);}
}
1 Like
5

It turned out great! Thank you very much for your help and speed.

1 Like
6

@NicolasBlasti

its my pleasure to help us