← All examples

SoundCloud: emphasize the bottom play bar

Adds a distinct border and shadow to the bottom play bar so it always stands out.

Code to copy

/* Make the bottom play bar more prominent and always visible */
.playControls {
  border-top: 2px solid #ff5500 !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
}
.playControls__inner { min-height: 56px !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.