Docs

[caitlinh]

Is there a way to make it so that there isn’t so much space above any headline text anywhere I use the larger text in the content of my website?

I have a screenshot but don’t see a way to attach it to this inquiry…

[Nico]

Hi There,

Thanks for writing in.

You could try Jing for screenshot or upload you image here: http://www.freeimagehosting.net/

Share us also your URL so we could take a closer look.

Thank you so much!

Cheers!

[caitlinh]

Screenshot here: a href=”http://www.freeimagehosting.net/commercial-photography/texas/dallas/”>

[caitlinh]

This reply has been marked as private.

[Rue Nel]

Hey There,

Please try adding this code in your customizer Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
}

After adding the code above still there is some space before the header especially if you have a paragraph of text before the header text, you can reduce the bottom margin of the p tag by using the code below.

p {
  margin-bottom: 20px;
}

Feel free to adjust the margins which suits your content spacing needs.

Hope this helps.

[caitlinh]

Perfect, thank you so very much!

[Rue Nel]

No problem 😉

[Joao B]

Hi I am struggling to remove the space below text item

I have tried margin-bottom: 0px

tried class man

tried -webkit margin as i found in inspector but nothing

here is the picture of the space im talking about – I circled the space

http://www.informationstreet.com/price-old/

[Joao B]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating this thread! Are you referring to this section of the page?

The line breaks and new lines will be automatically converted to br and p tags when you insert a content in a text element. Each of the p tag has a bottom margin which adds a space underneath it. To resolve this issue, please edit your page again in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-text.cs-ta-center p:last-child {
    margin-bottom: 0;
}

Hope this helps. Please let us know how it goes.

[Author]

Posts