Docs

[core365]

Hi, I’m working on a site and can’t figure out how to get rid of the large gaps after each line return in the text. I’ve tried setting margins and padding to 0 and changing the CSS, but the large gaps are still there!

I’ve attached a screen grab for you to see the gaps I’m referring to and here’s a link to the web page:

http://stpeterscentre.org.uk/terms-conditions/

Thanks!

[core365]

I’ve resized the jpeg!

Cheers

[Joao]

Hi There.

Try adding class: man to your element.

You can do that on your cornerstone at the bottom of the text element when scrolling. ( you can see what i mean on the attched file, just add the class man instead of the one in the pic)

or if you prefer you can set up like this:

<p class="man" style="padding-bottom: 2%">

I added a padding-bottom in case you find the lines will be to close, you can adjust according to your wishes or delete it.

Hope that helps,

Joao

[core365]

Hi, thanks for that, but unfortunately neither worked. I don’t know if it makes a difference but it’s one whole block of text, it isn’t made up from separate text boxes – it’s one text box with all the text in there. It’s the paragraph spacing that’s too much and the class man and the other code didn’t work.

Cheers

[Rue Nel]

Hello There,

Sorry if it didn’t work out for you. To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-text p {
    margin-bottom: 10px;
}

You can adjust the spaces by increasing or decreasing the number of pixels in the given code.

[core365]

That did the trick! Thanks for that.

Do you know why the spacing between paragraph text and all other elements is that big a gap? It would be really handy if there was an area in the Customizer to set these globally because at the minute I’m having to do it page by page which is nothing major, but all that time adds up and would be much easier to do it all from the one area!

Cheers

[Jade]

Hi there,

The large gaps between paragraphs came from the default CSS for the bottom margin of the p elements.

It is set to 2.15em which depends on the size of your text.

Hope this explains it.

[Author]

Posts