Powerpress_Player Additional CSS codes

  • Resolved jamesmillerlifeology

    (@jamesmillerlifeology)


    5 years, 5 months ago

    Hello. I have used the [powerpress_player] but was wondering how to make bold and increase the title font of the audio file that is playing.

    I would also like to know how to add a numeric list of all of the episodes I have, starting with the most recent episode as #1 and so on.

    I was able to change the title color in the additional css of the customization, but I am a novice when it comes to writing css in general.

    thank you for your help.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Shawn

    (@shawnogordo)

    PowerPress can generate a playlist player that may be helpful:
    https://create.blubrry.com/resources/powerpress/advanced-tools-and-options/powerpress-playlist-shortcode/

    This page has some basic information on how to customize the default media player with CSS:
    https://create.blubrry.com/resources/powerpress/powerpress-and-your-theme/

    PowerPress uses the MediaElement.js player that is part of core WordPress. If the above documents don’t provide the answers you need, you may want to look for other forums online devoted to MediaElement.js and see if they can help you out.

    Thread Starter jamesmillerlifeology

    (@jamesmillerlifeology)

    Hi Shawn, thanks for the info. That’s the page I used to change font color but I’m looking for the specific aspects in my question that I can’t se to figure out. Maybe I missed it in the documentation.

    Thread Starter jamesmillerlifeology

    (@jamesmillerlifeology)

    Any other suggestions? To be clear, I don’t have the Powerpress player that you can only get if Blubrry is hosting you. I have the generic audio player. If you visit the attached page and click on any of the episodes in the director you will see the generic player. I am attempting to increase the font size of the episode title. I’d also like to have the directory be in numeric order with the most recent show listing as #1.

    https://www.jamesmillerlifeology.com/radio

    thank you.

    Plugin Support Shawn

    (@shawnogordo)

    Not sure if this helps but a member of the Blubrry dev team looked at your post and made this comment:

    Is he trying to increase the font size of the currently playing episode in the playlist player? If so it’s this: 

    .wp-playlist-current-item .wp-playlist-item-title  {
font-size: 20px; 
}
    Thread Starter jamesmillerlifeology

    (@jamesmillerlifeology)

    Great thank you! I didn’t see that.

    Unfortunately, adding this css removes the hyperlink from the title. Any suggestion on how to make the title a hyperlink while still maintaining the new font size?

    Plugin Author Angelo Mandato

    (@amandato)

    Hello James,

    I tested the CSS that we provided, it makes the font size bigger, it does not remove any HTML or make links disappear. I would suggest that you contact your theme developer, styling like this is fairly simple for someone who is seasoned at coding themes. You can let your theme developer know that this is the built-in WordPress playlist player as well, they do not need PowerPress enabled to style, they just need to make a play list in WordPress then style it how you want it.

    Thanks for using PowerPress,
    Angelo

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Powerpress_Player Additional CSS codes’ is closed to new replies.