Why does this CSS not work?

[nos402]

On the following page: http://heathallyn.com/musician/

The music player is a tiny 3 line scrollable box. I want it to be the length of all songs so you don’t have to scroll.

When I inspect it in chrome, if I select this element starting with:

<div class="playlist ng-scope"> 1" data-ng-class="{ short: songs.length

and edit the CSS:

.widget-player.small .playlist {
    height: 115px;
    padding-bottom: 0;
}

If you prefer a Codepen link with those two examples, it’s here:

https://codepen.io/Nos402/pen/verPPX

Changing that height in the Inspector window in Chrome does exactly what I want, lengthens the playlist box.

However, if I add that changed CSS to my style sheet, nothing happens.

[Paulie_D]

Codepen needs actual HTML content to work…otherwise it’s of little value

[Author]

Posts