wordpress widget adds p tag in between each line of custom code

  • Hi All,

    I tested this on a local and staging server before I posted to my live site, but now my live site is all jacked up ??

    I have some custom code in a widget to essentially create 4 boxes across the screen. Here is the idea…

    
	<a class="first one-fourth" href="https://x.com/therapists-corner/master-list/">
		<i class="ion-ios-list"></i>
		<h4>Master List</h4>
	</a>
	<a class="first one-fourth" href="https://x.com/therapists-corner/master-list/">
		<i class="ion-ios-list"></i>
		<h4>Master List</h4>
	</a>
	<a class="first one-fourth" href="https://x.com/therapists-corner/master-list/">
		<i class="ion-ios-list"></i>
		<h4>Master List</h4>
	</a>
	<a class="first one-fourth" href="https://x.com/therapists-corner/master-list/">
		<i class="ion-ios-list"></i>
		<h4>Master List</h4>
	</a>

    So on my local and stage sites it was fine, but on the live site, it is inserting a P tag with a bunch of junk in it and it is completely messing up the format. I feel like this has to do with the update in making it the fancy text boxes with widgets now ??

    Please help as I’m not sure what I’m supposed to do at all here!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Have a review of wpautop in the Codex, but also it likely will help to have a site link as it may be CSS related. Additionally, review the updates with WP 4.8 related to widgets and your theme.

    Thread Starter sethbahookey

    (@sethbahookey)

    Thanks for the reply! It doesn’t seem to be <br> tags just <p> tags. I have some icons in these boxes with <i> tags and for whatever reason it wants to place them in a <p> tag and then that messes up the styling.

    Here is the site. https://thecompressioncloset.com/ If you scroll down about half way you will see it.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘wordpress widget adds p tag in between each line of custom code’ is closed to new replies.

Tags