Spotify embeds have large blank space at bottom

  • Resolved wilx

    (@wilx)


    5 years ago

    All spotify embeds – even single tracks -are too tall – leaving blank space at the bottom (on desktop at least, the height is much more sensible on mobile).

    Is it possible to fix this? Ideally to have an option in the Spotify embed block to either set a fixed height (so you have to scroll through a playlist) or to set the height to accommodate the number of tracks in that embed…

Viewing 6 replies - 1 through 6 (of 6 total)
  • Jarret

    (@jarretc)

    Spotify appears to add a height into their iframe automatically based upon the browser width. I’m not really sure its something that could be fixed as a default in the theme because an embed could either have 1 song listed or 30 songs listed.

    That said, you could use the following CSS to target the height to make it shorter

    .wp-block-embed-spotify {
	max-height: 300px;
	overflow: auto;
}
    Thread Starter wilx

    (@wilx)

    Brill – thanks, I’d used a workaround but this is much neater.

    Hey guys, i have the same problem. how did you work around and fix it @wilx?

    Moderator James Huff

    (@macmanx)

    Try adding what Jarret suggested above into the Additional CSS section of your Customizer.

    Since WordPress converted to Blocks, this is a problem. The CSS doesn’t work. For my older posts, it shows correctly. If I convert to Blocks Spotify is huge. If I create a new post, Spotify is huge. Any other ideas? @macmanx

    Moderator James Huff

    (@macmanx)

    No additional ideas, try adding what Jarret suggested above into the Additional CSS section of your Customizer.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Spotify embeds have large blank space at bottom’ is closed to new replies.