[Resolved] Extra empty tags can't be removed

[Jessica]

I am having an issue with extra <p> tags showing up that I did not code into my page or content.

I am supposed to have (which is what is on my page/content):
<p class=”grid-33″>Some text in here.</p>
<p class=”grid-33″>Some text in here.</p>
<p class=”grid-33″>Some text in here.</p>

But what is rendering/showing up is:
<p class=”grid-33″></p>
<p class=”grid-33″>Some text in here.</p>
<p class=”grid-33″>Some text in here.</p>
<p class=”grid-33″>Some text in here.</p>

When I inspect the code I am seeing this inside the supposed empty <p>:
<p class=”grid-33″>
::before
::after
</p>

This is resulting in (this particular case) an indented paragraph, but other times, just an extra line which creates a space.

How can I get rid of this? (I searched the forums for ‘extra paragraph’ & ’empty paragraph’, etc… and found nothing.

Help?
Thanks!

(note: I am actually using GP 1.3.46, and GP Premium 1.2.96)

[Jessica]

Oh good grief. I figured it out (total user error.

So you know what I did (and what I did to fix it), + just in case anyone has this issue:

I coded:

<div class="grid-33">
A bunch of content was custom coded in here including my error adding another <div class="grid-33">
</div>

As soon as I removed the duplicate <div class="grid-33"> from my custom page template code, the extra space was gone.

I hope that helps and sorry to have bothered!
#codingonsundayisfun

[Tom]

Glad you got it fixed! Thanks for sharing your solution 🙂

[Author]

Posts