homepage buttons on same line

[zenninja22]

Hi everyone, I am using Author Pro child theme with Genesis.
I would like to know how to have all the buttons in section 2 of the homepage to be on the same line as each other? At the moment some are higher than others due to some book titles and names being longer than others.
thank you 🙂

https://www.davidwallerwriter.com/

[Victor Font]

The reason the buttons appear out of alignment is because the .entry-header areas are variable heights because of the word wrapping. The fix is to make all the entry headers the same height regardless of the length of the verbiage. Adding the following to style.css should get you close to what you want. You may have to adjust the value to achieve what you like. Also remember to add this the same media query that changes the featured books to stack one above the other. You can set the min-height to 0 when that change takes place.

.entry-header {
    min-height: 120px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[zenninja22]

Hi Victor, thank you for replying.
When I add that code though, it impacts in other areas. e.g. there is an events post in the footer and there ends up being the space between the header and the body of that.
Was there maybe a more specific code that would just hit the books?

[Victor Font]

You can further qualify it as .featuredbook .entry-header.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[zenninja22]

Thanks so much. That works 🙂

[Author]

Posts