Design Issue : the Audio Player Appears on Different Lines

Hi Dany, can you share the URL to the page in question? I want to check it myself using the browser tools.

Thank you.

You can see an example here: https://www.ispeakspokespoken.com/audio-plugin-test-page/

It’s not the exact same website as in the video, because it was a private membership website.

However, the issue remains. And we use the same themes / plugins for website design.

If you need, I can provide you with credentials to the website on the video. It’s a staging.

Hi, just for testing purposes can you test one of WordPress default themes like Twenty Twenty. Let me know what happens?

If you need, I can provide you with credentials to the website on the video. It’s a staging.

Unfortunately this is not permitted here in WordPress.

Kind regards.

Hello, sorry for the late reply.

I tried it on a clean website with the Twenty-Twenty themes and here is what it looks like: https://adrienjourdan.com/audio-test/

Hi, what shortcode are you using? Also you might like to try the following codes to wrap the text around the button.

<p style="display: inline">My Audio: </p>[sc_embed_player fileurl="https://www.example.com/my-music/mysong.mp3"]

Or

Some example text
<div style="float: left;">
[sc_embed_player fileurl="https://www.example.com/my-music/mysong.mp3"]
</div>

Let me know if the code above helps you in any way.

Kind regards.

Here’s an example of how the shortocde is implemented on the page:

<p><strong>1/</strong>At the crossroads go to your right! = Au carrefour allez sur votre droite ![sc_embed_player fileurl="https://audio-file.mp3"]</p>

Hi, try one of the sample codes I shared above. I think this will resolve your issue.

Kind regards.