Archived topic
Extra empty tags can't be removed
2 replies · Started by Jessica on March 26, 2017
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)
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
Glad you got it fixed! Thanks for sharing your solution :)