[juanjo]

I wonder how to make sticky player display an icon?

My web site is : mosaliniteruggi.com

Thanks

[sujapati]

@Juanjo: An icon is already present for the playlist thumbnail in the sticky playlist of your site. Could you clarify if you’re referring to something else?

Kind Regards,
Sujapati

[juanjo]

Sorry I found out that it was about the embeed image to the audio File. So I solved it before you answer.

[juanjo]

I do still have an issue, the first title is not showing totally I miss a couple of letters is it possible to enlarge the title zone?

And another questions is it possible to make the player transparent?

• This reply was modified 6 days, 17 hours ago by juanjo.

[sujapati]

@Juanjo:  Please add the CSS below to make your changes.

For enlarging the title zone:

@media screen and (min-width: 992px) {

    body .simple-audio-player .simp-display {
        overflow: inherit;
    }

    .simple-audio-player .simp-display .simp-album .simp-title {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

For making the playlist transparent:

body .wp-block-sticky-playlist > div {
    background-color: transparent;
}
body .wp-block-section.wp-block-sticky-playlist {
    background-color: rgb(21 21 21 / 50%);
}

Please add this CSS to

Note: Please adjust the playlist bg color percentage ratio per your requirement.

Kind Regards,
Sujapati

[juanjo]

thank you title : OK

But for the transparency I only guet the section transparent not the player it self.

Is that doable?

PS : I don’t guet any email notifycation when you reply.

[sujapati]

@Juanjo: Sorry for the inconvenience. Please add the below CSS.

body .wp-block-sticky-playlist .simple-audio-player .simp-player,
body .wp-block-sticky-playlist,
body .wp-block-sticky-playlist .wp-block-fse-pro-playlist,
body .wp-block-sticky-playlist > div,
body .wp-block-sticky-playlist > div > div,
body .wp-block-sticky-playlist .simple-audio-player {
    background-color: transparent;
}

To receive email notifications, please check the “Notify me of follow-up replies via email” option below when submitting your query.

Regards,
Sujapati

[Author]

Posts