creating a grid layout?

  • thomasbole

    (@thomasbole)


    6 years, 6 months ago

    Hello,

    I’d like to make a Grid Layout with links to pages like you can see on theverge.com

    Trying to copy the design, I made a first row with 2 columns (2/3 and 1/3) and then put in two info boxes just with an image and title – I deactivated the rest)

    In the 2/3 column infobox, I put the image left and title on the right. In the 1/3 infobox , I put the image on top with the text below.
    So, naturally the image in the right infobox will be small in height due to the text below it.

    Unfortunately, this also results in a different height of the infoboxes and there is no setting to set a maximum height for the image. this is something that is only possible for text and title.

    Is there a way that the infobox height fills out the height of the column row it is in? So since the left and right infobox share both the same column row, it should be the same size.

    Or is there any better way to actually do this?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Ben Ritner – Kadence WP

    (@britner)

    6 years, 6 months ago

    Hey, You can set the maximum width for your image, which will force the height to a maximum because it will maintain the aspect ratio of your image.

    As to whether or not this is the best way. It’s hard to say, I think I would consider using a nested row inside the column where you want image and text beside, or the media text widget or our split content widget that’s in pro. It’s hard to say without seeing what content you have though. If you can send a link maybe I can offer some better advice.

    Ben

    Thread Starter thomasbole

    (@thomasbole)

    6 years, 5 months ago

    thank you Ben! Unfortunately, I just have it local as of now. I will try what you have suggested!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘creating a grid layout?’ is closed to new replies.