![]() ![]() Add a width, margin, and some CSS Grid Layout styles to the parent. Add a parent element to contain the cards. ![]() ![]() I really just need to understand how to accomplish the padding I need or where I can find in-depth documentation about Gantry's take on responsive classes. I cropped the rest out, but you get the idea. Support lightbox for full video player, custom video title, custom video thumbnail or thumbnails from YouTube or Vimeo, unlimited video items, 2/3/4/5/6 columns view and carousel. This is a glitch and does not occur when using the same content without Gantry. Using Video Grid particle, you could show list of your videos from YouTube or Vimeo. I didnt need the addition of the Css in this case and now when published the module resized as expected with the content of the logo which resized along with it. If I use the twitter bootstrap code below I get the desired effect initially but as the viewport changes the last element in the row of 3 images wraps. Gantry 5s powerful Layout Manager makes configuring your websites layout as simple as dragging and dropping elements into place. Instead, I just turned off the logo in the template, created a custom logo module as suggested in this thread, but instead I put the image of my logo directly in the custom module. This causes unwanted padding on the right and left thumbnails. If I use this code the responsive layout is achieved without padding.If I wrap the 3 images with I get padding but on all sides. Customize content quickly in Layout Manager Inherit particles / sections from any outline A mobile responsive, mobile friendly experience A most powerful and. I have tried using the bootstrap span classes to accomplish what I need to do however Gantry is only based on bootstrap and as such there are bootstrap classes that break in Gantry that do not in static markup. When the viewport is reduced and the images are stacked the padding is gone. In twitter bootstrap the containers would have padding with the first element having padding-left:0 and the last element padding-right:0. When the viewport is reduced and the images are stacked the padding is gone. I am trying to create a row of images, thumbnails if you will, that span with with of a container with padding. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |