Search code examples
phpwordpressshortcodewordpress-shortcode

WordPress forces a line break after each shortcode. How to fix?

I just can't figure this out. Wordpress seems to be adding a br tag at the end of each shortcode. What I'm trying to do is the following:

This deal is posted on [shortcode] and is available via [shortcode]

What Wordpress actually does:

This deal is posted on [shortcode]
and is available via [shortcode]

It's a shortcode I made with a custom field. I fill in a certain form and the shortcode spits whatever I filled in in that form. If you check this link, the text which displays "Aanbieding geldig bij: Amazon.nl" 3 times, should display on one line. "Amazon.nl" is displayed by the shortcode.

What do I do to have it not put a line break after a shortcode?

Solution

  • It's in your style rh-flex-center-align

    change it to

    .rh-flex-center-align{
   display:inline-flex;
}

    Or, if you can't do that, inject the style inline on the element generated through the shortcode

    <div class="rh-flex-center-align" style="display: inline-flex;">
  <span class="meta_v_label  mr5 rtlml5">Aanbieding geldig bij: </span> Amazon.nl
</div>