Hallo,
Op een website die ik voor school aan het maken ben, heb ik een videomodule geplaatst om een YouTube-video in een loop automatisch af te spelen. Het is natuurlijk heel fancy om er een border en schaduw omheen te plaatsen, maar dat wil ik juist in deze site niet. De video bevat veel wit en hierdoor kan de video juist één geheel vormen met de pagina. Ik vind in geen enkele instelling of stylesheet een mogelijkheid om dit kader te verwijderen. Het moet niet moeilijk zijn, maar mijn opties zijn op waar ik dit kan terugvinden. Gaat om de positie ongeveer van het menu-item "Waarom?"
Link naar mijn website
Dank je voor het meedenken
Op een website die ik voor school aan het maken ben, heb ik een videomodule geplaatst om een YouTube-video in een loop automatisch af te spelen. Het is natuurlijk heel fancy om er een border en schaduw omheen te plaatsen, maar dat wil ik juist in deze site niet. De video bevat veel wit en hierdoor kan de video juist één geheel vormen met de pagina. Ik vind in geen enkele instelling of stylesheet een mogelijkheid om dit kader te verwijderen. Het moet niet moeilijk zijn, maar mijn opties zijn op waar ik dit kan terugvinden. Gaat om de positie ongeveer van het menu-item "Waarom?"
Link naar mijn website
Dank je voor het meedenken
Geaccepteerde antwoord
Dit zou moeten werken. Het heeft geen zin om regels mee te nemen die niet veranderd worden.
div#YoutubeGallerySecondaryContainer1 iframe {
border: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
Hoi Willianne,
Als je al een custom.css hebt dan onderstaande css code daarin plaatsen.
Heb je nog geen custom.css dan deze even aanmaken en dan onderstaande css code daarin plaatsen.
kleine uitleg.
De border stond op 2 pixels ( is nu 0 pixels )
Ook alle box-shadows staan nu op 0 pixels.
De orginele css is:
groet,
Fred
Als je al een custom.css hebt dan onderstaande css code daarin plaatsen.
Heb je nog geen custom.css dan deze even aanmaken en dan onderstaande css code daarin plaatsen.
div#YoutubeGallerySecondaryContainer1 iframe {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
border: 0px solid #000;
background: #000;
-moz-box-shadow: 1px 1px 7px 0px #222;
-webkit-box-shadow: 1px 1px 7px 0px #222;
box-shadow: 0px 0px 0px 0px #222;
}
kleine uitleg.
De border stond op 2 pixels ( is nu 0 pixels )
Ook alle box-shadows staan nu op 0 pixels.
De orginele css is:
div#YoutubeGallerySecondaryContainer1 iframe {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
border: 2px solid #000;
background: #000;
-moz-box-shadow: 1px 1px 7px 0px #222;
-webkit-box-shadow: 1px 1px 7px 0px #222;
box-shadow: 1px 1px 7px 0px #222;
}
groet,
Fred
Dank je Fred. Ik heb je opgegeven code toegevoegd in het component onder de Instellingen > General > CSS Style. Dit gaf geen verandering. In het tabblad Head Script staat ook een open style sheet. Ik heb het hier aan toegevoegd, maar dit geeft ook geen reactie. Ik vrees dat ik nog wat extra uitleg nodig heb.
Hallo Willianne
Als het goed is jou template gemaakt (net als)met Helix ultimate .
ook zat er een Documentation.html in de template pakkage.
maar wat Fred bedoelde met de custom.css de staat in de template setting
en of je kan hem zelf makenlees hier meer zoals hier beschreven word.
er staat dus een eigen custom code in template setting maar als je meer naar
beneden scrolt in de pagina van de uitleg link zal je zien dat je ook een eigen custom.css kan aanmaken
Als het goed is jou template gemaakt (net als)met Helix ultimate .
ook zat er een Documentation.html in de template pakkage.
maar wat Fred bedoelde met de custom.css de staat in de template setting
en of je kan hem zelf makenlees hier meer zoals hier beschreven word.
er staat dus een eigen custom code in template setting maar als je meer naar
beneden scrolt in de pagina van de uitleg link zal je zien dat je ook een eigen custom.css kan aanmaken
Geaccepteerde antwoord
Dit zou moeten werken. Het heeft geen zin om regels mee te nemen die niet veranderd worden.
div#YoutubeGallerySecondaryContainer1 iframe {
border: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
Hallo Willianne
Als het goed is jou template gemaakt (net als)met Helix ultimate .
ook zat er een Documentation.html in de template pakkage.
maar wat Fred bedoelde met de custom.css de staat in de template setting
en of je kan hem zelf makenlees hier meer zoals hier beschreven word.
er staat dus een eigen custom code in template setting maar als je meer naar
beneden scrolt in de pagina van de uitleg link zal je zien dat je ook een eigen custom.css kan aanmaken
Dank je hier mee is het gelukt.
@Youl,
Beetje flauwe opmerking "Het heeft geen zin om regels mee te nemen die niet veranderd worden".
De door mij aangedragen aanpassing werkt prima en ik probeer in de cusom.css altijd zo dicht mogelijk bij het totale origineel te blijven van de class. Dit is vooral handig bij het terugvinden/terugzoeken op een later moment.
Beetje flauwe opmerking "Het heeft geen zin om regels mee te nemen die niet veranderd worden".
De door mij aangedragen aanpassing werkt prima en ik probeer in de cusom.css altijd zo dicht mogelijk bij het totale origineel te blijven van de class. Dit is vooral handig bij het terugvinden/terugzoeken op een later moment.
- Pagina :
- 1
Er zijn nog geen reacties op dit bericht.
Wees een van de eersten om op dit bericht te reageren!
Wees een van de eersten om op dit bericht te reageren!