are profile tunes entirely separate from profile css ? is it possible to edit the box at all ?
did try .profile-playlist-widget{whathaveyou;} in <style>
didn't work (#｀-_ゝ-)
biggest problem is the width of the element being so thing
throws the whole look off
try this:
/* Profile Tunes box */
.profile-playlist-widget .pp-header h3 { color: #ffffff!important; } /* "Profile Tunes" title */
.profile-playlist-widget .song-info { color: #fff !important; } /* song name */
.profile-playlist-widget .song-artist { color: #b9c4dd !important; } /* artist name */
/* center the whole Profile Tunes player */
#profile-playlist-mount,
.profile-playlist-mount,
#profile-playlist-container,
.profile-playlist-container,
.profile-playlist-widget {
display: block !important;
float: none !important;
clear: both !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* control the player width */
#profile-playlist-container,
.profile-playlist-container {
width: 90% !important;
max-width: 280px !important;
margin: 14px auto 16px auto !important;
}
/* light mode for player */
.profile-playlist-widget {
width: 100% !important;
max-width: 280px !important;
margin: 0 auto !important;
padding: 10px !important;
background: linear-gradient(135deg,#fff0f8,#f7edff,#eef8ff) !important;
border: 1px dashed #c8b3d9 !important;
border-radius: 14px !important;
color: #6f5790 !important;
box-shadow:
inset 0 0 14px rgba(255,255,255,.9),
0 3px 8px rgba(159,124,188,.18) !important;
}
.profile-playlist-widget *,
#profile-playlist-container * {
color: #6f5790 !important;
border-color: #d8bee8 !important;
text-shadow: none !important;
}
.profile-playlist-widget div,
#profile-playlist-container div {
border-radius: 8px !important;
}
You must be logged in to reply.
