Exposé homepage grid tips

[Gregg Davis]

Hey I just wanted to post this tip for those that might need it. I was having trouble getting the grid to line up like the theme demo, and I finally figured out thatit was simply my title length. If the titles happen to go to two lines, and others are short enough to stay on one line, it can force the grid blocks out of alignment. Once I made my titles consistent, ie one or the other, two lines or one, the grid lined up nicely.

i had a few frustrating hours trying to fix something that wasn't broken.mhopefully this post will help someone else with the me issue.

---

Gregg Davis
http://greggdavis.com

[weslinda]

Gregg, great tip.  This happens not only with titles but also with the widget areas in general.  If the excerpt or post content is more on one than the other, it can affect layout on certain themes.

---

Loving the Genesis Life!

[Gregg Davis]

thanks for the reply, weslinda - I just received a good tip from studiopress support - that addresses this issue without negatively affecting the fluid grid or the mobile-responsiveness. It's just adding a fixed height to the post display on the homepage, that works for the amount of content displayed. I tested it here: http://greggdavis - and it lines up the elements, as well as letting the fluid grid work well for width on different devices and browser sizes.

Place some version of this in the stylesheet (I'm using Modern Portfolio Theme now):
.mp-home .featuredpost .entry {
height: 300px;
}

---

Gregg Davis
http://greggdavis.com

[weslinda]

Hey Gregg, definitely will work, just have to be careful on the amount of text that you put in those spaces.

---

Loving the Genesis Life!

[Author]

Posts