Reduce Line Height for Entry Title

[Crystal Hamilton]

Hello,

I need to reduce the line-height for the following sections on my homepage: INSPIRE, EAT, PLAY. (Entry titles only)

The entry tiles are fine on the desktop view, however, on tablet view, they look double spaced instead of single. I’ve tried using google chrome developer tools to adjust, but it only allows me to increase the line-height and not decrease the height of the titles. Your assistance would be greatly appreciated. Thanks

website http://www.kidfitstrong.com

[Crystal Hamilton]

This reply has been marked as private.

[Veena]

You can use the below custom CSS –

@media (max-width: 1024px){
.lae-module .entry-title {
    line-height: 8px;
}}

[Crystal Hamilton]

Hello,

This works for tablet landscape view only but not the portrait view. The content lines up pretty well on the landscape orientation, so I really just need this to work on the tablet portrait orientation.

Can you please offer CSS assistance with the portrait tablet view?

Thanks for your assistance!

[Veena]

Pls use this –

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.lae-module .entry-title {
    line-height: 8px;
}}

[Author]

Posts