Appying the wide-player class instead of narrow-player class

  • Resolved ktthompson

    (@ktthompson)


    4 years, 8 months ago

    Hi,

    My name is Katie and I work on the Tech team at the Center for Mission Mobilization, we recently started using your Podcast Player plugin on our wordpress site(s) but ran into an issue with some styling that we’re hoping you could help us with.
    We have put the Plugin on our Podcast page but the spot we have it in is causing it to have the narrow-player class and styling while we would like it to have the wide-player class and styling as we liked that styling better.
    We tried adding the class to the Advanced > Additional CSS class(es) field but it didn’t do anything and doesn’t show up when we inspect the page and search for that class, we tried adding some other classes that we knew wouldn’t be on the page unless they were being applied by that field and they didn’t show up either.
    We currently have a work-around with some code that replaces the narrow-player class with the wide-player class when the page first loads but if the page is resized the player reverts back to the narrow-player class and styling
    Our two questions are, is there a way to apply the wide-player class and styling to the player without needing to either copy and add all of the styling for the wide-player to our Child Theme style sheet or use our code work-around?
    And, does the Advanced > Additional CSS class(es) field work and we are just missing a step (or something like that) for it or is it currently not working?

    Any help with this would be appreciated, Thanks!

    Katie

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Veda

    (@vedathemes)

    Hi there,

    Thanks for trying podcast player.

    Presently, the easiest solution for your problem is following steps,

    1. Remove all customization that you mentioned above.
    2. Look for frontend/js/public.build.js file in podcast player.
    3. Search a term “450” in that file.
    4. Reduce the number 450 to 420, 400 etc. (smaller than 420).
    5. Save the file.

    Drawback of this method: The main drawback is that you have to again follow the above steps after next podcast player update.

    However, I will provide a permanent solution for this problem in future update. I have noted it down. I will inform you on this ticket. Please tick “Notify me of follow-up replies via email” option below to stay updated on that.

    Please inform if you need more help on this.

    Thanks,

    Plugin Author Veda

    (@vedathemes)

    Hi @ktthompson,

    Is the solution I provided above work for you. If not, can you inform what problem you are facing? I can help you more on this.

    Thanks,

    Thread Starter ktthompson

    (@ktthompson)

    Hi,

    Thanks for the fix! We are working on implementing it and I will let you know if we have any other questions, Thanks so much for your help!

    Katie

    Thread Starter ktthompson

    (@ktthompson)

    Thanks for your help with this and we look forward to hearing from you about the permanent solution!

    Katie

    Hey Veda,

    We’re looking for that fix too. Would be very helpful.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Appying the wide-player class instead of narrow-player class’ is closed to new replies.