Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #2269842
Removing theme styling from audio player
Closed

Comments

  •  1
    Jennifer Reinfeld started the conversation
    January 14, 2020 at 12:09am

    Hello.

    I am using the default wordpress audio player on my site. I like how the default version of the wordpress audio player looks. Unfortunately, I don't like how the Gem theme styles it. Do you know how I can easily remove the theme's styling for the audio player so that it looks like the standard version. Do you know the CSS code I can use to style it from the General > Advanced tab?

    Thanks.

  •  4,774
    Michael replied
    January 14, 2020 at 7:56am

    Hi!

    Indicate exactly how you want to change this element and we will provide you the necessary CSS code.

  •  1
    Jennifer Reinfeld replied
    January 14, 2020 at 10:36pm

    Hello,

    I like how the default worpdress version looks. So if you can tell me how to remove the gem theme css for it, that would be great. 

    But if that is difficult, I would like to change all the colors that the theme puts in: button, background,  time stamps and icon and bar line.

    Thanks!

  •  4,774
    Michael replied
    January 15, 2020 at 7:59am

    Please indicate the color of each item, we will provide you the necessary code.

  •  1
    Jennifer Reinfeld replied
    January 15, 2020 at 5:18pm

    Hi Michael,

    Thanks for your kind offer. Here are the colors. 

    • Background: #000000 
    • Time numbers: #ffffff
    • Icons (play and sound): #32a4eb
    • Line that marks where in the audio file: #949494 
    • Anything I missed can be: #785FF6 (I can change it later).

    Thanks so much!

  •  4,774
    Michael replied
    January 16, 2020 at 7:11am

    pls. use following css:

    .mejs-container .mejs-controls, .news-grid .format-audio .post-featured-content {
    background: #000000 !important;
}
.mejs-container .mejs-controls .mejs-time {
    color: #ffffff !important;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after, 
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after,
.mejs-controls .mejs-button.mejs-volume-button.mejs-mute button:after {
    color: #32a4eb !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle {
    background: #949494 !important;
}

     

    6707465710.png
  •  1
    Jennifer Reinfeld replied
    January 22, 2020 at 10:53pm

    Thank you!

  •  4,774
    Michael replied
    January 23, 2020 at 7:56am

    You're welcome!