zaterdag 27 maart 2021
  7 Replies
  213 Visits
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
2 weken geleden
·
#22719
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;
}
2 weken geleden
·
#22713
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.


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
2 weken geleden
·
#22716
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.
2 weken geleden
·
#22718
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
2 weken geleden
·
#22719
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;
}
2 weken geleden
·
#22726
Youll, Je code werkt! Echt super bedankt.
Willianne selected the reply #22719 as the answer for this post — 2 weken geleden
2 weken geleden
·
#22727
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.
2 weken geleden
·
#22730
@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.
  • Pagina :
  • 1
Er zijn nog geen reacties op dit bericht.
Wees een van de eersten om op dit bericht te reageren!