The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Why does this CSS not work?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #261243

    On the following page:

    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:

    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.


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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.