This reply has been marked as private.
Hi
http://prntscr.com/q886jt
you can use this css:
.page-template-default .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto{
max-height:220px
}
.vc_grid-item-mini vc_clearfix
{
max-height:300px;
}
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
Hi
You can use this CSS in your LMS Documentation:
wp-admin>Appearance > customize> custom css >
Then apply ->
.page-id-3122 .vc_custom_1575834144342 .vc_grid-item-zone-c-bottom.vc_visible-item.fadeIn .vc_gitem-animated-block .vc_gitem-zone.vc_gitem-zone-a {
background-size: contain;
}
http://prntscr.com/q95jrv
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
Hey yoyo,
Its looking good here have a look
http://prntscr.com/qac832
have a look here too:
https://share.getcloudapp.com/6quLBBGG
you can use this code instead of above:
.page-id-3122 .vc_custom_1575834144342 .vc_grid-item-zone-c-bottom.vc_visible-item.fadeIn .vc_gitem-animated-block .vc_gitem-zone.vc_gitem-zone-a
{
background-size: contain !important;
height: 280px !important;
background-position: center;
}
This reply has been marked as private.
Hello,
there is only two property:
cover: it will cover the available space but the image will be cut from edges to fit the container.
contain: it will contain the entire image in a container but it will do whatever it needs to show the full image.
the only solution is to upload the same size image always like width= 300px hight = 150px.
all the thumbnail will be of same width and hight only then it will look good. there is no other solution for this.
This reply has been marked as private.