X Theme: Columns shortcode is broken on category descriptions (but not consistently)

[gmcniel]

Quick video explainer: https://www.loom.com/share/70dcdc7a79a84a3e83a144d4e462797f

[ruenel]

Hello @gmcniel,

Thanks for writing in! WordPress automatically converts the line breaks and new lines with <p> and <br> tag in your description content. To prevents this from happening, please do not leave any space or newlines in your content. So, instead of having this example:

[container][column type="1/2"] 
Place your content in here. [/column] 
[column type="1/2" last="true"] Place your content in here. [/column][/container]

Please do not leave any new lines or line breaks at all:

[container][column type="1/2"] <p>Place your content in here.</p><p>Place your content in here.</p> [/column] [column type="1/2" last="true"] <p>Place your content in here.</p><p>Place your content in here.</p> [/column][/container]

Hope this helps.

[gmcniel]

Here’s the code, maybe I need to remove spaces too?

[column type="1/3"]<p><a href="https://optimizeyourself.me/tag/mentorship/">Mentorship</a></p> <p><a href="https://optimizeyourself.me/tag/sexism/">Sexism</a></p> <p><a href="https://optimizeyourself.me/tag/editor-ae-interviews/">Editor & AE Interviews</a></p> <p><a href="https://optimizeyourself.me/tag/writer-director-interviews/">Writer & Director Interviews</a></p> [/column] [column type="1/3"]<p><a href="https://optimizeyourself.me/tag/irl-networking/">IRL Networking (In-Real-Life)</a></p> <p><a href="https://optimizeyourself.me/tag/entrepreneurship/">Entrepreneurship</a></p> <p><a href="https://optimizeyourself.me/tag/diversity/">Diversity In Hollywood</a></p> <p><a href="https://optimizeyourself.me/tag/success-mindset/">The 'Success Mindset'</a></p> [/column] [column type="1/3" last="true"]<p><a href="https://optimizeyourself.me/tag/composer-interviews/">Composer Interviews</a></p> <p><a href="https://optimizeyourself.me/tag/cobra-kai/">Cobra Kai</a></p> <p><a href="https://optimizeyourself.me/tag/overcoming-obstacles/">Overcoming the Odds</a></p> <p><a href="https://optimizeyourself.me/tag/case-studies/">Student Case Studies</a></p> <p><a href="https://optimizeyourself.me/tag/podcast-qa/">Podcast Q&A Archives</a></p>[/column]

Results in this:

[gmcniel]

Bumping this thread because it still isn’t working. @ruenel

[gmcniel]

BTW: Your support team should have a login for our site on file if you need to look under the hood.

[ruenel]

Hey @gmcniel,

Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

Please have your custom HTML content and shortcode updated and use this instead:

[container][column type="1/3"]<p><a href="https://optimizeyourself.me/tag/mentorship/">Mentorship</a></p> <p><a href="https://optimizeyourself.me/tag/sexism/">Sexism</a></p> <p><a href="https://optimizeyourself.me/tag/editor-ae-interviews/">Editor & AE Interviews</a></p> <p><a href="https://optimizeyourself.me/tag/writer-director-interviews/">Writer & Director Interviews</a></p> [/column] [column type="1/3"]<p><a href="https://optimizeyourself.me/tag/irl-networking/">IRL Networking (In-Real-Life)</a></p> <p><a href="https://optimizeyourself.me/tag/entrepreneurship/">Entrepreneurship</a></p> <p><a href="https://optimizeyourself.me/tag/diversity/">Diversity In Hollywood</a></p> <p><a href="https://optimizeyourself.me/tag/success-mindset/">The 'Success Mindset'</a></p> [/column] [column type="1/3" last="true"]<p><a href="https://optimizeyourself.me/tag/composer-interviews/">Composer Interviews</a></p> <p><a href="https://optimizeyourself.me/tag/cobra-kai/">Cobra Kai</a></p> <p><a href="https://optimizeyourself.me/tag/overcoming-obstacles/">Overcoming the Odds</a></p> <p><a href="https://optimizeyourself.me/tag/case-studies/">Student Case Studies</a></p> <p><a href="https://optimizeyourself.me/tag/podcast-qa/">Podcast Q&A Archives</a></p>[/column][/container]

And then you need to add CSS code into X > Theme Options > CSS:

p:empty {
    display: none;
}

This code eliminates the display of any empty paragraph tags on the pages.

Best Regards.