Docs

[nillamary]

Hi,
1. How can I reduce my Contact Form 7 padding before the heading?
2. How can I add more padding after the forms heading? (between heading and the para text on left, and social icons on right)?

Many thanks

[Friech]

This reply has been marked as private.

[nillamary]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.page-id-28 .x-header-landmark {
display: none;
}

.page-id-28 .entry-content > h3 {
margin-bottom: 30px;
}

Hope this helps.

[nillamary]

Thank you, that worked. However, for consistency with the same padding throughout my site, can I use one CSS code for Heading 3?

[Thai]

Hi There,

Please update the previous CSS to this:

.page-id-28 .x-header-landmark {
    display: none;
}

h3, .h3 {
    margin-bottom: 30px !important;
}

Hope it helps 🙂

[nillamary]

HI, thank you but that didn’t work.

[Jade]

Hi there,

Would you mind providing the direct link to the page where the code isn’t working?

Thank you.

[Joao]

Hi There,

I noticed you put a note:

/*heading 3-remove top padding and in contact page*/

So please change:

h3, .h3 {
    margin-bottom: 30px !important;
}

Please use:

h3, .h3 {
    margin-top: 30px !important;
}

Hope it helps

Joao

[nillamary]

Sorry, that did work for Heading 3 but pushed it up too high.

[nillamary]

Thanks Joao. I was given margin-bottom above and as it didn’t work, I’ve already tried margin-top, which isn’t working either as now it’s obscured by the navbar. I’ve tried to increase the px but still not displaying correctly.

[Friech]

Hi There,

I did go ahead and set the Navbar Top Height to 68 on Customizer under the Header panel. This should give your navbar a proper height.

Then added this on your custom CSS, to remove the extra space between the navbar and heading (Contact and Connect)

.x-container>.offset {
	margin-top: 0;
}

The small remaining white space is the entry top margin, you can remove that as well with this css.

.entry-content {
	margin-top: 0;
}

Now to adjust the heading space below, please add a class mbm or class mbl.

e.g.
<h3 class="mbm mtn" style="text-align: center;">Contact and Connect</h3>

mbm = margin bottom medium
mbl = margin bottom large

Hope it helps, Cheers!

[nillamary]

Many thanks for doing that! Looks much better.

I do already have:
<h3 class=”mtn” style=”text-align: center;”>Contact and Connect</h3>
Should I change this to your mbm and mbl above?

[nillamary]

I’ve replaced my H3 with your above and it worked, thank you. I’ve also tried it with my H4 and played with the CSS for H4, but doesn’t display the same spacing. Any thoughts?

[Nabeel A]

Hi again,

Try adding the following code in your Customizer:

h4 {
    margin-bottom: 1em !important;
    margin-top: 0 !important;
}

Let us know how this goes!

[Author]

Posts