2017-09-19 3 views
1

Ich habe den Giphy TV auf meiner Seite. Jetzt möchte ich es abgerundete Grenzen geben, aber das gelingt mir nicht. Kann mir jemand helfen?Giphy TV Grenzradius

https://giphy.com

Giphy TV Code:

<div id="_giphy_tv"></div> 
<script> 
var _giphy_tv_tag="giphytrending"; 
var g = document.createElement('script'); g.type = 'text/javascript'; g.async = true; 
g.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'giphy.com/static/js/widgets/tv.js'; 
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(g, s); 

Sie können kopieren Sie es auch von der Website. Danke.

+0

Was haben Sie bisher versucht? – connexo

Antwort

0

Nach einigen schnellen Forschung:

#asdf-container { 
    border-radius: 30px !important; 
} 
#asdf-wrapper { 
    background-image: none !important; 
} 

Beide Regeln gekennzeichnet werden müssen !important, weil das ist, was sie schon kommen von giphy Seite.

https://jsfiddle.net/hykoyqo5/

+0

Die Höhe kommt von Javascript inline in einem style-Attribut auf dem Element, das dies hat. – connexo

0

Emmm ...

#_giphy_tv { 
border-radius: 10px; 
} 

?

+0

Normalerweise der einfache Ansatz, löst hier das Problem nicht. – connexo