Streaming live at 10am (PST)

Problem WHITE LINE under the IMGUR.com gif-animation into rich-text-block! + solution no mousehover over gif anymore

Hi Everyone,
I want to make a website with a gif animation,
I tried with imgur.com because I found some information at the topic of ‘rich text element’
https://webflow.com/blog/10-new-webflow-features-cms-whitelabeling-cms-search-rich-media-embeds-and-much-more
image
but now I have a problem:
look to
https://www.useloom.com/share/726f0fd762a74ddcac1811d8346af7cf

you will see that there is a difference between the look into the editor and the look into the ‘live view’


a problem with the white line under the gif when I do not use ‘overflow hidden’
image

Thanks to help me with this problem

Karel
https://karelrosseel-wistia-imgur-gif.webflow.io/
https://preview.webflow.com/preview/karelrosseel-wistia-imgur-gif?utm_source=karelrosseel-wistia-imgur-gif&preview=915ea1d8252e980ecd15edce8d376f4b

made with www.screentogif.com

Thanks to report this not as a bug… but I see it as bug: so I changed to GIPHY.com for a better solution: this is why:
but I found an other bug: renaming a div for imgur… look to
https://www.useloom.com/share/5c1a9186a9b041dcb7f804b3d573237d
When I tried to make a difference between
Giphy.com <-> Imgur.com
=> I prefer Gipshy because the correct width is already given to the gif + NO WHITE LINE PROBLEM!
What do you suggest: is an overlay the best possibility?


To get NO HOVER EFFECT => draw a div ‘transparent’ above the rich-text-element


=> Solution: I will use Giphy gif

Thanks all
Karel

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.