BuddyDev

Search

[Resolved] Mediapress Play Pause and speaker button changes position on hovering

  • Participant
    Level: Master
    Posts: 496
    Daniel on April 17, 2021 at 1:40 pm #37946

    Hi guys,

    I hope all is well.

    I had once asked for CSS code regarding the Mediapress Play Pause and speaker button to not change position when hovering. You have sent me then CSS code to fix the issue but on a new release the issue has been repeatedly take happen again. Would it be possible to send me the new CSS code in order to fix the issue?

    Thank you for your support.

    Regards
    Daniel

  • Participant
    Level: Master
    Posts: 496
    Daniel on April 17, 2021 at 1:41 pm #37947
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24447
    Brajesh Singh on April 21, 2021 at 1:14 am #38124
    This reply has been marked as private.
  • Participant
    Level: Master
    Posts: 496
    Daniel on June 2, 2021 at 12:04 pm #38912
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24447
    Brajesh Singh on June 2, 2021 at 1:10 pm #38915
    This reply has been marked as private.
  • Participant
    Level: Master
    Posts: 496
    Daniel on June 3, 2021 at 8:32 pm #38932
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24447
    Brajesh Singh on June 4, 2021 at 7:46 am #38940
    This reply has been marked as private.
  • Participant
    Level: Master
    Posts: 496
    Daniel on June 6, 2021 at 10:03 am #38947

    Hi guys,

    You had time to look into it? I was trying to find right css but it’s not working. I think the :hover css is the right one and the :nothover is the wrong css, so that the :hover css should be the same as the :nothover 🙂

    Thanks and cheers,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24447
    Brajesh Singh on June 7, 2021 at 11:10 am #38956

    Hi Daniel,
    Thank you for your patience.

    Please try this code instead

    
.mejs-button {
    text-align: left !important;
}

a.mejs-horizontal-volume-slider:hover {
    background-color: transparent !important;
    border-radius: 0 !important;
}
mejs-unmute>button {
    background-position: -40px 0 !important;
}
.mejs-mute>button {
    background-position: -60px 0 !important;
}
.mejs-unmute>button {
    background-position: -40px 0 !important;
}

    Let me know if it fixes it or not?

    Regards
    Brajesh

  • Participant
    Level: Master
    Posts: 496
    Daniel on June 7, 2021 at 12:39 pm #38968

    Hey Brajesh,

    Thanks for the nice code it works now as a charm 🙂

    Thank you and have a nice day.

    Regards
    Daniel

The topic ‘ [Resolved] Mediapress Play Pause and speaker button changes position on hovering’ is closed to new replies.

This topic is: resolved