[Resolved] Grid layout like on GeneratePress homepage

Home Forums Support [Resolved] Grid layout like on GeneratePress homepage

Home Forums Support Grid layout like on GeneratePress homepage

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #308432
    Daniel

    The grid layout you use on the generatepress homepage showcasing the add-ons, with video lightbox popover is precisely what I am trying to achieve for a video tutorials site I am building. I was going to carry out restriction using either Woocommerce Memberships or Restrict Content Pro.

    Is that a set of custom code in a child theme that you have used for a custom template part or is it made with standard Premium components / Plugins?

    I note that you are using the excellent Lity for video lightbox and I’ve already enqueued that into my child theme.

    Dan

    #308573
    Leo
    Staff
    Customer Support

    Hi Daniel,

    The grid section (9×9) on home page is using Tom’s lightweight grid columns plugin: https://en-ca.wordpress.org/plugins/lightweight-grid-columns/

    Let me know if this answers your question.

    #308608
    Daniel

    Sorry I actually meant the Premium page, not the homepage as stated https://generatepress.com/premium/

    It looks like more than just the lightweight grid columns plugin which I’m already aware of and enjoy using.

    The card views in a grid showing the add-ons.

    Dan

    #308610
    Leo
    Staff
    Customer Support

    That’s using the built in grid system. So something like this:
    <div class="grid-33 tablet-grid-50 mobile-grid-100">

    You should be able to achieve the same thing with Light weight grid columns though:
    https://generatepress.com/forums/topic/sections-5/

    Let me know.

    #308630
    Tom
    Lead Developer
    Lead Developer

    The actual styling of the columns comes from custom CSS. You can developer tools in Chrome to see all of the necessary CSS to get that kind of look.

    #309343
    Daniel

    Thanks guys, I’m really pleased you have a built in grid system so that I can not only create a similar look manually but I can template it so my posts list based on the grid. In the age of SASS, so many theme developers are not doing this anymore but hard coding the sizes onto elements based on a SASS grid.

    #309430
    Leo
    Staff
    Customer Support

    Glad we could help!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.