Okay
  Public Ticket #2769444
Play Button not aligned correctly
Closed

Comments

  •  2
    Fack It started the conversation

    The play-button is not aligned correctly when using in a post or page, how is this happening?

  •  644
    Alexandre replied

    Hi, 

    It is hard to assist you if we cant see your site. Are you able to provide a login credential to the wp-admin?

    Thanks,


    Alexandre from the Sonaar.io Crew

  •  2
    Fack It replied

    Apologies, please refresh page.

    www.fackit.nl/ep 

  •  644
    Alexandre replied

    Hi, 

    This issue is caused by the sober theme style. It apply style on all svg. This is something they have to fix. 
    But here anyway a custom css code to fix those play icons.

    .iron-audioplayer .control svg{
    width: unset;
    height: unset;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  •  2
    Fack It replied

    Understood, thank you.

    With this code the play-button becomes larger than the previous-button and next-button, not precisely aligned in center also. Anyway to fix this with css? 

  •  644
    Alexandre replied

    Icons size should be like this as you can see on our demo https://sonaar.io/free-mp3-music-player-plugin-for-wordpress/, I dont see the offset alignment issue on my device. 

    I can help to resize it as you want, but be aware we are going here a bit beyond the scope of our support. 

    Please replace the custom css I gave by this one:
    .iron-audioplayer .control svg{
    width: unset;
    height: 100%;
    }
    .iron-audioplayer .control .play{
    text-align: center;
    height: 20px;
    width:20px;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  •  2
    Fack It replied

    Understood, and appreciate.

    It looks great now, thank you!

  •  644
    Alexandre replied

    You are welcome

    Thanks,


    Alexandre from the Sonaar.io Crew