Headline Vertical Spacing

[jonathanrockett]

Hey Guys,

I can’t seem to figure out why the vertical spacing between headline elements is expanding…

In the editor, it looks like I want it to (see the list with the ‘check’ icons):

But the published version looks like this (with big vertical space between headlines):

Any help would be super appreciated.

Thanks!

[Prasant]

Hello Jonathan,

Thanks for writing in!

Please addd following CSS under Pro > Theme Options > CSS:

.x-text-headline p {
    margin-bottom: 5px !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.