Hi, can you share your URL? Can you also specify where would you like to move the player button?
Thank you
Hm… example can be this one: https://www.gettinenglish.com/law-prawo/
The player button must stay in the same position, but should be moved a little bit to the bottom (to be on par with text), like e.g. 5 px.
When you watch the example website now, then you see that the player button is a little bit higher (than the text) than it should be.
Greetings!
Hi, have a look at the following code. Play around with the margin and padding values. In the code below I added a 1px to both.
.sc_player_container1 .myButton_play {
background: transparent url("../image/round-play-button-black.png") no-repeat scroll 0 0 !important;
border: medium none !important;
cursor: pointer !important;
height: 25px !important;
margin: 1px !important;
padding: 1px !important;
position: relative;
width: 25px !important;
}
Let me know if that helps you.
Regards
I tried this one already. Not working 🙁
Hi, how did you add the customize code I mentioned above?
I went to the plugin page in WordPress Dashboard. I clicked ‘edit’ near your plugin and I edited file “compact-wp-audio-player/css/player.css”
Hi, can you try the following plugin WordPress Custom CSS.
Thank you
Hello,
I had a similar problem, trying to customize the player from my css (on a child theme with your code) but is it possible that having the “!important” declaration already in your plugin css (compact-wp-audio-player/css/player.css) may cause the issue and take the priority on our own css?
By the way I’m really happy with your plugin, simple and clear, took me time to finally found the right one 🙂
(@ryoch), could you start a new support thread. It is easier for us to manage individual issues.
Thank you
