[Resolved] Separating a Text Paragraph from Short-code Generated Content

[robmac]

Hi Tom and Leo

i’m wondering if I could tap your knowledge for a moment please.

When I write a post with the following layout:

para [1] of text

[short-code]

para [2] of text

For some reason, the second para jumps up, to the right of the short-code. I’ve checked in the TEXT editor and there does not appear to be any weird code in there forcing it to do this.

IF I hit “enter” about 6-7 times, to force para 2 down the page, it finally does what I want and moves under the short-code.

Any suggestions to address this appreciated please – for example, can I wrap the short-code in anything to force Para [2] below it?

I’ve already tried <br> no luck, I’ve tried wrapping both the short-code and para 2 in <p>….</p> no luck, I tried span…tried a block! Any suggestions appreciated, in a nutshell, how to separate para of text from short-code generated content. My coding skills a limited, so I don’t want to dig a bottomless hole on trying endless stuff.

Thank you.

[Leo]

Hi there,

Hmm try wrapping the shortcode in a div like this:
<div>[INSERT SHORTCODE HERE]</div>

If not can you link me to the page?

Thanks!

[robmac]

Hi Leo,

Thanks for your help. I’ve sent you a link to the DRAFT Post. “div” didn’t resolve it sadly.

Any other suggestions much appreciated.

Regards,
Robert

[Leo]

The plugin you are using has float: left !important; added in style:

.amzps-adbox-11 {
    float: left !important;
    margin-bottom: 10px !important;
    width: 550px !important;
    display: block !important;
    border: 0px solid #FFFFF !important;
}

You would need to overwrite it with something like this:

.entry-content .amzps-adbox-11 {
    float: none !important;
}

The contents shouldn’t be difficult to create without a plugin though?

[robmac]

Thanks again Leo…that appears to have done the trick…..help’s greatly appreciated.

[Leo]

You’re welcome 🙂

[Author]

Posts