Pink and white music player

1 week ago - by Agrimtale 𑣲𝄞 - Music Player Skins - used 53 times

Please credit me! If you hate the mismatched pink and white buttons, it should be relatively easy to change :)

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save. Leave the Visual Builder's existing CSS in place - add this under it, don't replace it.

#footer-music-bar, .music-bar {
      color: #dc3e75!important;
  font-family: 'h1' !important;
  content: white !important;
  background-color: white !important;
  }

.music-bar::before { 
display: none !important; }

  #bar-prev.bar-btn, #bar-play.bar-btn, #bar-next.bar-btn{
  background: white !important;
  }
  #bar-play.bar-btn {
    content: url(https://file.garden/aouNILmU_FJZALDq/Untitled277_20260905190651.png)!important;
    height: 30px !important;
  }
 #bar-next.bar-btn {
   content: url(https://file.garden/aouNILmU_FJZALDq/Untitled277_20260905190624.png) !important;
  }
  #bar-prev.bar-btn {
    content: url(https://file.garden/aouNILmU_FJZALDq/pink%20icon2.png) !important;
  }
  .bar-progress-container {
  background: white !important;
  }
  .bar-info-section, .bar-label-row, .bar-volume, .volume-slider-container, #bar-compact-toggle.bar-btn {
    color: #dc3e75 !important;
    background: pink !important;
  }
  #frw-im-button.bar-btn.im-btn {
    font-family: 'h1' !important;
       color: #dc3e75 !important;
    background: pink !important; font-family: 'h1' !important;
  }
  .bar-playlist-container {
  background: white !important;
  content: url(https://file.garden/aouNILmU_FJZALDq/pink%20music.jpg)!important;
    height: 20px;
  }

How to use: copy the CSS above → open your layout editor → switch to the Advanced CSS tab → paste at the bottom (keep the Visual Builder CSS above it) → save → refresh your profile. If the element also has HTML, paste that into About Me or at the bottom of Advanced CSS after the CSS. Elements stack - you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

More in Music Player Skins

« Back to Music Player Skins | « All Profile Elements