Position/margin/padding

  • Hello, thank you for a great plugin!

    I would like to ask you how can I change the position of the player button? I was trying to edit some .css files with padding/margin option but it did not change anything.

    Could you please tell me which file should I edit and with what code?

    I want to change the position of a small player button (e.g. 5 px to the bottom).

    Greetz!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, can you share your URL? Can you also specify where would you like to move the player button?

    Thank you

    Thread Starter gotosleep

    (@gotosleep)

    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!

    Plugin Contributor mbrsolution

    (@mbrsolution)

    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

    Thread Starter gotosleep

    (@gotosleep)

    I tried this one already. Not working ??

    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, how did you add the customize code I mentioned above?

    Thread Starter gotosleep

    (@gotosleep)

    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”

    Plugin Contributor mbrsolution

    (@mbrsolution)

    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 ??

    Plugin Contributor mbrsolution

    (@mbrsolution)

    (@ryoch), could you start a new support thread. It is easier for us to manage individual issues.

    Thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Position/margin/padding’ is closed to new replies.