Return to previous page

Media grid question - by equality - on WordPress WooCommerce support

This topic has 10 replies, 4 voices, and was last updated 8 years ago ago by Jack Richardson

equality

Participant

November 24, 2016 at 15:42

Hello,there is a way to set custom dimensions to the grids or at least to make them rectangles?
As can you see the photos that are rectangles,they were cut.For example the 2 last.
Thank you

#146891 Copied

9 Answers

Eva Kemp

Support staff

November 24, 2016 at 19:12

Hello,

I see only 3 default VC images. They are not cut.
Have you edited the page?

Regards,
Eva Kemp.

#146923 Copied

equality

Participant

November 24, 2016 at 20:10

Sorry,can you take a look here?

#146935 Copied

equality

Participant

November 25, 2016 at 13:07

Can you please tell me?
Thank you

#146988 Copied
Rose Tyler

Support staff

November 25, 2016 at 13:42
Hello,

Unfortunately, there is no such possibility. Sorry.
You can try upload images with similar dimensions and add this code:
```
.blog-post img{
   height: 155px;
}
```
Regards,
Rose Tyler.
#146992 Copied
equality

Participant

November 25, 2016 at 16:10

Nothing happens with this code…
I have set height 1623px that is the height of the images and i have put the code to custom css page settings.

#147011 Copied
Rose Tyler

Support staff

November 25, 2016 at 16:22
Hello,

Try to add this code:
```
.page-id-23997 .vc_gitem-zone, .vc_gitem_row .vc_gitem-col {
    background-size: contain;
}
```
Also, you can use Masonry Media Grid. Masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows.

Regards,
Rose Tyler.
#147014 Copied
equality

Participant

November 25, 2016 at 16:43

Ok,this is worked,but it changed the distances between photos.

#147015 Copied

equality

Participant

November 25, 2016 at 16:53

At the end of page i have set masonry media grid,you were right works better,but how can change display mode?
For example there is a blank under the last photo.
Thanks

Please, contact administrator
for this information.

#147016 Copied

Jack Richardson

Support staff

November 25, 2016 at 19:19

Hello,

If you don’t want your images to be cropped make them with similar dimensions and horizontal or vertical only. Otherwise it can’t be displayed the same way if you are using different images.

Best regards,
Jack Richardson.

#147041 Copied
Viewing 10 results - 1 through 10 (of 10 total)