Docs

[nextstepsyep]

Greetings Everyone,

I’ve gotten closer to solving my problem with the mystery “a” elements that appear with my recent posts shortcode (similar to #735925

How do I get rid of these extra spaces for my recent posts shortcode on this page?

It’s like a duplicate class using the code “x-recent-post1 with-image” based on my f12 search similar to this one.

Please advise.

Thanks!

[Rue Nel]

Hello There,

Thanks for writing in! Since you are using a text element and with this shortcodes in it,

[recent_posts count="1" orientation="horizontal"] 
[recent_posts count="2" orientation="horizontal" offset="1"]
[recent_posts type="post" enable_excerpt="true" count="3" orientation="horizontal" offset="4"]

Please keep in mind that the text element will automatically add or convert line breaks and new lines to a <br> and <p> tags. I would suggest that you just use this:
<div>[recent_posts count="1" orientation="horizontal"]</div><div>[recent_posts count="2" orientation="horizontal" offset="1"]</div><div>[recent_posts type="post" enable_excerpt="true" count="3" orientation="horizontal" offset="4"]</div>

That code without any line breaks or new lines. And then you can also add this custom css in the customizer:

body p:empty {
  display: none !important;
}

Hope this helps.

[Author]

Posts