[Resolved] Toolset WISIWIG Editor adding Paragraph Before Shortcode View

[Author]

Posts

[chrisB-30]

Hello,

I have a problem. The Toolset WYSIWYG editor is adding a paragraph before the output of my view shortcode as you can see in this screenshot:
hidden link

Here is the page where you can see the problem:
hidden link

Here is how this is set up:

I created a custom WYSIWYG field on my post type backend.

For the post type I will add different views into the wisiwig fields on the various entries. They look like this:

[wpv-conditional if="( wp_is_mobile() eq '1' )"]
[wpv-view name="country-main-top-girl-strip-mobile" wpvlocation="[wpv-post-slug]"]
[/wpv-conditional]
[wpv-conditional if="( wp_is_mobile() eq '0' )"]
[wpv-view name="country-main-top-girl-strip-desktop" wpvlocation="[wpv-post-slug]"]
[/wpv-conditional]

See Screenshot - hidden link

I then display the output of the shortcodes on the front end of my site using an Elementor template. The template uses the dynamic display method.

How can I get rid of this paragraph?

Thanks

[Shane]

Hi Chris,

Thanks for getting in touch.

What would happen if you add the shortcode for the WYSIWYG field directly into a text editor.

I dont see how the p tag is caused by the field because the field tag is added before the field is called based on the html code.

Thanks,
Shane

[chrisB-30]

Sorry - I'm not sure what you mean by this - "What would happen if you add the shortcode for the WYSIWYG field directly into a text editor."

If I add that same shortcode cluster directly into the Elementor WYSIWYG there is no issue with the additional paragraph. But I can't do that as I need to vary the views in that position.

When I swap out the shortcodes for a row of xxxxxxxxxxxxxxxxxxxxxxxxx - you can see the result in this screenshot:
hidden link

Here is that page:
hidden link

So, what it looks like to me is that Toolset WYSIWYG is expecting text, and when it doesn't get any - it just adds an empty Paragraph above the shortcode cluster.

[Shane]

Hi Chris,

Would you mind allowing me to have access to the site so that I can have a more detailed look at this for you ?

Also please revert the site to how it was originally before you removed the WYSIWYG editor.

Thanks,
Shane

[Shane]

Hi Chris,

Thank you for the credentials, however i'm getting an error 404 for the page you sent.

Could you check that this is the correct login url ?

Thanks,
Shane

[chrisB-30]

Huh - well the login and password are correct but here is the correct staging site login:
hidden link

[Shane]

Hi Chris,

I was able to log into the staging site, however i'm having a bit of trouble locating the exact elementor template that is responsible for displaying this page here hidden link

Could you perhaps link me to the template or let me know the exact steps on how I can get to the edit template page.

Thanks,
Shane

[chrisB-30]

Sorry - my screen capture app is not working so I will try to explain how you can see the template.

1. Log into site
2 Go to this page - hidden link
3. Look at the top wordpress admin menu at the top of the site - You will see "Edit with Elementor"
4. Pull down the menu to the first option - "Category Maiin - Girl Strip"
Click on that and it will open the template that the page is using.

[Shane]

Hi Chris,

I was able to fix the issue.

it was being caused by the dynamic field widget from elementor.

When I added the WYSIWYG field using the text editor option, I don't get the empty p tag.

Thanks,
Shane

[chrisB-30]

Ah yeah - I didn't even think about inserting that manually.

Thanks!

[Shane]

Hi Chris,

Awesome happy I was able to help you out.

You can mark this ticket as resolved once you're satisfied.

Thanks,
Shane