post grid – Full Width

Home Forums Legacy Support Support queries Styling issues post grid – Full Width

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #236206
    Raph
    Spectator
    post grid -  Full Width
    #236207
    Raph
    Spectator
    This reply has been marked as private.
    #236276
    Misty
    Member
    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; }  
    #236279
    Raph
    Spectator
    This reply has been marked as private.
    #236293
    Raph
    Spectator
    This reply has been marked as private.
    #236412
    Misty
    Member
    This reply has been marked as private.
    #236504
    Raph
    Spectator
    This reply has been marked as private.
    #236540
    Misty
    Member
    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  
    #236724
    Raph
    Spectator
    This reply has been marked as private.
    #236767
    Misty
    Member
    This reply has been marked as private.
    #236792
    Raph
    Spectator
    This reply has been marked as private.
    #236810
    Steve
    Member
    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; }
    #236816
    Raph
    Spectator
    This reply has been marked as private.
    #236855
    logan
    Member
    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.
    #236898
    Raph
    Spectator
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 22 total)
  • The topic ‘post grid – Full Width’ is closed to new replies.