Okay
  Public Ticket #2928942
display problems after upgrade to 3.0
Closed

Comments

  • Roman started the conversation

    Hi. After every update I see problems displaying your player. I don’t understand why this is happening! New problems every time!

    1. There is a new space on the left in the playlist. (screenshot)
    How to fix it?

    2. I also asked to remove the track timecode. For this I used the CSS you provided me, but after clicking play, the timecode reappears and breaks the wave! How to remove it?

    3. An additional headline has appeared, which did not exist before, why? how to remove? (screenshot)

    here is my CSS code

    .currentTime, .totalTime, .tracklist-item-time {
    display: none;
    }
    .iron-audioplayer .playlist {
    width: auto!important;
    }
    .iron-audioplayer .playlist li {
       padding: 0px!important;
    }
    .iron-audioplayer.show-playlist .playlist {
        width: 270px!important;
    }

  •  1,101
    Max replied

    Hi,

    1: Could you please indicate me where is the new space in the left in the playlist. I dont seem to be able to spot it in your screenshot. Please elaborate

    2: for the CSS, add !important to your display none :

    .currentTime, .totalTime, .tracklist-item-time {
    display: none!important;
    }
    

    3: we now display album title per requests from many users. If you want to hide it, add this css:

    .iron-audioplayer .album-player .album-title {
        display: none!important;
    }
    

    Thanks,


    Max from the Sonaar.io Crew

  • Roman replied

    I had to restore the backup to take screenshots. You can see everything on them! Also in safari, the problem with the play button and the next track button


    visit my site what bi see the problem

    https://acousticrecords.ru/

  •  1,101
    Max replied

    Hi,

    the left margin is added by your theme on the ul selector. see screenshot https://d.pr/i/wJquFs

    to prevent this, you might want to add this custom css:

    .iron-audioplayer .playlist ul {
        margin: initial;
    }

    For the safari issue, I cant reproduce it on my safari browser. see screenshot https://d.pr/i/lUsLBB

    Please try to clear your browser cache

    Thanks,


    Max from the Sonaar.io Crew