TikTok embeds are tiny and squished at the bottom

  • Resolved the9mm

    (@the9mm)


    1 year, 5 months ago

    Hey there,

    Looks like Hestia theme is not currently supporting TikTok embeds appropriately. Any TikTok embed is squished down at the bottom in a tiny bar. Was hoping some CSS could be added to the theme in the next update to fix this? Please and thank you. ??

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

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

  • Hey, the9mm, I’m another Hestia user.

    Temporarily try using this CSS:

    .wp-block-embed.is-type-video > .wp-block-embed__wrapper iframe, .wp-block-embed.is-type-video > .wp-block-embed__wrapper > object
{
    position: static !important;
}
.wp-block-embed.is-type-video > .wp-block-embed__wrapper
{
    height: initial !important;
    padding-top: 0 !important;
}
    Thread Starter the9mm

    (@the9mm)

    Thanks for sharing Ian! Here’s what I’m using in the interim:

    .tiktok-embed, .wp-block-embed-tiktok {
	min-height: 750px;
}

.wp-block-embed.is-type-video > .wp-block-embed__wrapper {
	padding-top: 0px;
}

    Hi @the9mm,

    We’re glad to hear you found a workaround for this! Please tell us how did you add those TikToks, so we can try to replicate the behaviour and see if it is indeed an issue with the theme.

    Thank you!

    Thread Starter the9mm

    (@the9mm)

    Hi there,

    I am just using the standard WordPress method where you paste in the URL and WordPress embeds it.

    Hi @the9mm,

    Thanks for the details!

    I was able to replicate the issue and I reported it to our development team to see what could be done about it. This for pointing this out!

    Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TikTok embeds are tiny and squished at the bottom’ is closed to new replies.