- This topic has 6 replies, 3 voices, and was last updated 3 years, 3 months ago by Leo.
April 21, 2017 at 1:07 am #308432Daniel
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.
DanGeneratePress 1.3.46GP Premium 1.2.96April 21, 2017 at 8:38 am #308573LeoStaffCustomer Support
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.April 21, 2017 at 9:43 am #308608Daniel
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.
DanApril 21, 2017 at 9:50 am #308610LeoStaffCustomer 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:
Let me know.April 21, 2017 at 10:42 am #308630TomLead DeveloperLead 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.April 23, 2017 at 10:10 am #309343Daniel
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.April 23, 2017 at 5:12 pm #309430
- You must be logged in to reply to this topic.