[mhbmartijnParticipant]

Hi! On my page there is on section 2,4 and 7 padding underneath the section. I have tried many options to dissolve this, but nothing works. I even tried to duplicate a good section and copied the plain text to this section, and again the padding is created. Please help me, thanks!

[mhbmartijnParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! Upon checking your given URL, I can’t see any extra gap. Would you attach some screenshots that shows the gap?

Cheers!

[mhbmartijnParticipant]

A few as example

[ChristopherModerator]

Hi there,

About page : please add mtn in class field of ‘Why focusing on men?’ headline.

Services page : please add mtn in class field of ‘Workshops’ headline.

Support page : update your code to following :

<h4 class="mtn">You are also very welcome to make an donation. The money raised with donations, as well as the donations I receive for providing my services, will be spend on the New Warrior Training Adventure of the ManKindProject. This initiation weekend will be held this summer in Townley Hall in Ireland. Your donation will help me with my growth as a man and as a facilitator of men’s work. Thank you so much for supporting me!<p></p>
<p>I would like to thank my family, friends and brothers who have support me in my process of quiting my job, following my heart and go on this adventure! I would like to thank every host that has and is gonna open their house and heart for me to be part of their journey for a while. </p>
<p>Special thanks goes out to:<br>
– Renske de Kinkelder, a talented illustrator and friend, for helping me with the layout of this website and all the brainstorming sessions <br>
– Jesse Tuenter, a talented director and cameraman cameraman and good friend, for shooting the pictures for this website and all the good coffee sessions <br>
– Imael Snijers, a talented aristocrat, for helping me creating this website and helped out with the content.<br>
– My parents Tom & Joke for providing me with a full and deluxe tune up of my car so I have a safe journey </p>
</h4>

Hope it helps.

[mhbmartijnParticipant]

Hmm thanks,

like for the code you gave me, I tried to apply this to another page, but it doesn’t help to take away the bottom padding.
http://www.thetravelingcoach.nl/about-me/
Section: why-ireland

thanks for looking at it!

[RupokMember]

Hi there,

Thanks for updating. I can see you have some empty paragraph that might caused by Enter/Return key.
You can add this under Custom > CSS in the Customizer.

p:empty {
  margin: 0;
}

To remove bottom margin or padding, you could add mbn or pbn classes. mtn to remove margin-top.

You will find all Spacing Helpers here – https://community.theme.co/kb/css-class-index/

Hope this helps.

Cheers!

[mhbmartijnParticipant]

Thank you but both spacing helpers and the code doesn’t make any difference. Look at the page about-me then section my life purpose, the text or section has still padding or at least space below the text which I don’t want.

[RupokMember]

Hi there,

Thanks for updating. I can’t see any extra spacing. The space exists there is default margin of paragraph and it’s usual and should be there.

If you still want to reduce this then you can use :

#my-life-purpose .x-text p:last-child {
  margin-bottom: 0;
}

Hope this makes sense.

Cheers!

[mhbmartijnParticipant]

Thanks Rupok, but this is not a solution, because it is not only at this page. I add a printscreen where you van see the spacing, you don’t see it without cornerstone because I have fixed it with the underlieing header, but I want really to get rid of the extra bottom spacing which appears in text elements when I have an enter or new line put in. I really hope this now makes sense and you could find a solution. 🙂

[ZeshanMember]

Hi there,

Paragraphs have bottom margin when added throughout the site. That is why if you add some text inside the Text element, the last paragraph will always have a bottom spacing. If you want to avoid that in all the places on your site, use this CSS code:

.x-text p:last-child,
.x-text p:only-child,
.x-text p:empty {
  margin-bottom: 0;
}

Thank you!

[mhbmartijnParticipant]

Thanks, but it doesn’t fix the problem.

This are the exact pages and sections I have this problem with. It has to do something with new paragraph in a text field or enter I don’t know, but that is what they all have in common.

about-me page:
bottom of section ‘my-life-purpose’ ‘why-ireland’

services page:
bottom of section ‘services’ ‘costs’

support page:
bottom of section ‘thank you’

[FriechModerator]

Hi There,

All paragraphs <p></p> in your site has a default 1.5em bottom margin.

Text on the the text element will automatically wrap in <p> tag when output on the front-end, so you don’t need to manually wrap your text on a <p> tag. Unless you have multiple paragraph in one Text element.

The purpose of default 1.5em bottom margin of the paragraph is to give space (separate) each paragraph, so you don’t need the <br> tag.

Heading tags (<h1> - <h6>) are for headers, do not wrap your paragraphs with a heading tags. You can re-size/style the paragraph text with CSS.

See your about page’s Why Ireland? and My life purpose section. They don’t have the gaps now, because I added the class man (Margin All No) directly to the <p> tag, and that removes the default bottom margin of the paragraphs.

Hope this shed some lights.

Cheers!

[mhbmartijnParticipant]

<p class=”man”> awesome! so but now I don’t get a new paragraph space anymore between text, that’s a new problem though. I need spacing between paragraphs but not at the end of the text..

[DarshanaModerator]

Hi there,

You can add the class only for elements where you need it. You can refer to our element spacing guide for more use-cases (https://community.theme.co/kb/element-spacing/).

Hope that helps.

[Author]

Posts