This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Reply To: Header-shade effect spans over adjacent image


Thanks J! You’re right, changing the header tags to “display:inline-block” effects the branding header, post grid headers, etc. In the post grids, it brings the “Read More” button up alongside the post/page title. I kinda like that. So what I ended up doing is just styling the header tags this way for headers inside grid-protection classes.

/*style headers so header-shade class doesn't overlay adjacent images*/
.grid-protection h1, .grid-protection h2 {display:inline-block}

BTW, I have to THANK YOU A TON for putting together your Developer Docs. I’ve been learning so much about WP from them. It’s really neat how it works! And your explanations are great – and fun actually.