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.
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?
The play-button is not aligned correctly when using in a post or page, how is this happening?
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
Apologies, please refresh page.
www.fackit.nl/ep
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
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?
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
Understood, and appreciate.
It looks great now, thank you!
You are welcome
Thanks,
Alexandre from the Sonaar.io Crew