Docs

[TerryPaul]

I found other posts that give an answer to this and I tried it. But it seems that when I change the text in the top of the second column to an heading tag it adds a <p> before it and pushes down the copy. Any help would be appreciative.

http://www.lena.org/dev/contact/

[Friech]

Hi There,

Thanks for writing in! Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots). If you’re referring to the text CONTACT it has a bottom margin of 1.25em that produce the gap. reduce that and the text should get closer to the headline.

We’ll be happy to provide you with a response once we have a better understanding of the situation.

Cheers!

[TerryPaul]

See attached I added a green box on the area where a <p> will be inserted (i can find it in cornerstone, but I see it when I inspect element on another browser) before my <h4> not allowing me to align the text on the right with the form on the left.
I tried to make sure the shotecode didnt have a return after it but when I made it an <h4> it will appear. I tried taking the margin and padding away from the top of the <h4> but it is the <p> that is causing the issue.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[TerryPaul]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the login credentials. By default, the text element will automatically converts line breaks and new lines into <br> and <p> tags. And since you have inserted column shortcodes, it inserts empty p tags. To get rid of the empty p tags, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

p:empty {
    display: none;
}

And then please also keep in mind that by default, the heading tags has a top and bottom margin. In your contact page if you want the heading to align with the contact form on the left, you must remove the top margin. So in your case, you will be using this heading tag code instead:

<h4 class="mtn">Sales Inquiries</h4>

Notice the difference after adding that code. mtn means margin top none. This is one of the element spacing utility classes which you can check out here:
https://community.theme.co/kb/element-spacing/
https://community.theme.co/kb/css-class-index/

Hope this helps.

[Author]

Posts