How To Make The Player Default To Artwork Player

  • Resolved benmcguinn

    (@benmcguinn)


    10 years, 7 months ago

    Hi Brady,

    Love the plugin and your other themes! Great designs that fill a huge void in web stuff for musicians.

    I love how the player looks when it’s scaled down to mobile size, with the large album artwork and the transport controls over top of the artwork. Is there any way to have the player default to this style, even when viewing on a desktop?

    I tried reverse engineering it with CSS changes for a few hours, but can’t get it to work correctly.

    Is there any way to do this?

    https://www.ads-software.com/plugins/cue/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Brady Vercher

    (@bradyvercher)

    Hi Ben,

    Thanks, we’re glad to hear you like the plugin! Your best bet is to set the max width of the playlist, which should make it automatically display in that style. Something like this may work:

    .cue-playlist {
    max-width: 380px;
}

    Otherwise, if you’re wanting it to display wider, you’ll need to apply all of these rules: https://github.com/AudioTheme/cue/blob/e4ff33599a60e794556b9afb0d186e2036cae2c2/assets/css/sass/cue.scss#L368-L512

    Hope that helps.

    Cheers,
    Brady

    KayWrite

    (@kaywrite)

    Hi,

    Can we style it BLACK and use our theme fonts & colors?

    This is a great vertical player for a narrow sidebar. Mine’s 218 px. However, my theme is dark, red and black, and my font is not white.

    See print-screen:

    https://www6.zippyshare.com/v/fOVfuaLx/file.html

    Thanks for your time.

    KayWrite

    (@kaywrite)

    Let me answer my own poor silly question.

    First, there is no CUE style css to edit in the WordPress dashboard. As a non-coder, I had no clue there was css hidden elsewhere!

    After surfing and surfing and surfing for days and hours, installing, uninstalling and re-installing this, that and the other audio plugin, desperate for a BLACK one to fit my narrow sidebar because this CUE player instals as white, with no apparent way to change the color… I stumbled over the hidden css file!

    It’s in the Assets folder inside the Plugin folder inside the File Manager inside the main control panel (if you are online); I found it buried deep in localhost, as I’m working offline.

    What a panacea! I was able to turn the default white CUE player black to match my black & red web site, and change the font size and color, and the track padding, etc., etc.

    So, if you are desperate, like me, for a player to match your web site, that’s where you can find the CUE css stylesheet. In my case, in localhost, it’s here:

    C:\xampp\htdocs\Bright_Pathway_Selected_Poems_KM\wp-content\plugins\cue\assets\css

    You can dig the same folder up in your control panel if you are self-hosting your WordPress online. Just look for:

    wp-content\plugins\cue\assets\css

    And there’s your stylesheet!

    May this help to save others the hours and hours and hours I spent, searching in vain for a solution.

    Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How To Make The Player Default To Artwork Player’ is closed to new replies.