Media Player time bar and play buttons aren't vertical center

Support
#1

My buttons in my player are not lining up right. I did have to add.
.mejs-controls {
position: static !important;
}

Because the player was hiding my excerpt for the episode. Just so you’re aware. This alignment issue was happening PRIOR to my position change. I know it’s not from that. This is a widget provided by seriously simple podcast. This was happening before I was using that widget as well when I was trying to add in the audio player when we had fewer episodes.

Any ideas?

#2

Hi There,

I couldn’t replicate this issue on my local installation.

To fix this issue on your website, please add this custom CSS under Theme Options > CSS:

.mejs-play>button,
.mejs-time-total,
.mejs-mute>button {
    margin: 0;
}
.advanced-controls .mejs-time-rail {
    padding-top: 0;
}

.mejs-time {
    padding: 0 10px;
}

Hope it helps :slight_smile:

1 Like
#3

Sweet! It wasn’t working so I added !important to the end of them and it worked! Thank you so much

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.