[mrk2016Participant]

Hello,

At this time, I don’t want to make my URL public.

I’m having an issue with the automatic padding in the mailchimp element. I want to remove the padding created by the element on the top and bottom.

How do I do this?

[RupokMember]

Hi there,

Thanks for writing in! If you check “Set as private reply” then it will be visible to our Staff only. So yo ucan still share your URL privately with us.

Meantime you can use the spacing helper classes to reduce/eliminate padding ans margins.

Check the classes under “Spacing Helpers” – https://community.theme.co/kb/css-class-index/

For example, you can use ptn to eliminate all patting-top and mtn to eliminate all margin-top.

Hope this helps.

[mrk2016Participant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for the URL. It’s not always possible to provide a tailored answer without the URL. As I can see there is no padding to the form rather on the section have default 45px padding on top and bottom. Let’s select the Section and reduce the padding – http://prntscr.com/ckccdd

Hope this helps.

[mrk2016Participant]

I have already reduced the padding for the section.

The problem is the ELEMENTS are creating some sort of automatic padding that I can’t adjust in cornerstone. Look at the email optin form on my site. The 2 text elements and mailchimp padding is the problem.

How do I reduce or remove the automatic padding that elements are creating?

[JadeModerator]

Hi there,

To remove the padding on the elements, you can add the pan class to the elements.

[mrk2016Participant]

Adding the to the class field doesn’t work with the text elements.

Also, there is no class field option for the mailchimp form.

[FriechModerator]

Hi There,

It seems there is a syntax error on your second section content (e.g. missing a closing tag). Because I am seeing that the section 3 where the email form is, is actually inside the section 2. The padding above the below the email form is from that section 3, so set that to 0 or adjust it. But first please find the syntax error on your content.

The space above your headers (<h4> and <h5>) are not actually a padding of your section, but a top margin of the headers itself. You can apply a class mtn to this header to eliminate the gap above.

e.g.
<h4 class="mtn"><span style="color: #ffffff;"> Mixed Martial Art & Fitness Ninja Training Boot Camps:</span></h4>

Hope it helps, Cheers!

[mrk2016Participant]

This reply has been marked as private.

[mrk2016Participant]

This reply has been marked as private.

[mrk2016Participant]

Okay, we figured out the text padding. Is there anything we can do about mailchimp element?

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home #x-section-2 #x-section-3 {
    padding: 0 !important;
    margin-top: 45px;
}

Hope it helps 🙂

[Author]

Posts