Embedded Code

  • Resolved danieljubilee

    (@danieljubilee)


    4 years, 8 months ago

    As you can see on the page I linked, the Apple Music Playlist is cut off.
    When I enter the embedded code in when writing the post, it shows up in its complete form. But as soon as I go to preview it or view the whole published website, it gets cut off. This happens two more times for my other playlist and also on my “Inspo” page with several Instagram posts.
    I have a colleague who did the exact same thing, but their’s works completely fine.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    You need to add height property in it.

    Go to your post editor and replace the code with this:

    <iframe style="width: 560px; max-width: 660px; height: 500px; overflow: hidden; background: transparent;" src="https://embed.music.apple.com/us/playlist/alive-and-well/pl.u-b3b8alecy2vrM3X" height="450" frameborder="0" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" data-origheight="450"></iframe>

    I have added height: 500px; above. You can increase or decrease the value 500px according to your requirements.

    After replacing the code, it would start to appear like this: https://prnt.sc/t67c53 ??

    Thread Starter danieljubilee

    (@danieljubilee)

    Thank you so much worked perfectly!!

    Glad to help. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Embedded Code’ is closed to new replies.