Audio player overlapping text at top of posting

  • I am trying to use the short code Audio plugin to play the audio related to my blog postings on 3DBeliever.com.

    However the first two lines or so of the posting overlap with I assume must be the MP3 player. When I preview in the “visual” mode, the posting appears good. I can see the audio player widget. When I update and publish the post, the text is overlapped with the MP3.

    After trying to add <div>, <span> and other tags, I’m tapping out! It seems so simple, what am I doing wrong?

    Here is a link to one sample: https://3dbeliever.com/2017/05/22/what-de-motivates-you-from-serving-god-10-de-motivator-procrastination/

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi authorrlj
    Please find this paragraph in <div id=”main”> and replace it with your paragraph.

    <p style=”font-family: verdana;color: black; clear: both;”>Read: Colossians 3:23  |</p>

    There will be use {clear: both;} css property. after color: black; property.
    Clear: both__
    The clear property is directly related to floats. If the element can fit horizontally in the space next to another element which is floated, it will. Unless you apply clear to that element in the same direction as the float. Then the element will move down below the floated element.

    Thanks.

    • This reply was modified 7 years, 9 months ago by oberoibunty.
    • This reply was modified 7 years, 9 months ago by oberoibunty.
    Thread Starter authorrlj

    (@authorrlj)

    Great I got that to work, but…the player image does not show. Instead it only shows a grey box. If I hover over it, it does have a tooltip of “Play” and it will play my audio.

    Any tips before I look try to find a simple plugin?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Audio player overlapping text at top of posting’ is closed to new replies.