Eigen CSS en klassen toevoegen aan een laag
Geef een laag CSS-declaraties die het stijlpaneel niet heeft, en geef meerdere lagen tegelijk stijl met eigen klassen.
Eigen CSS voegt aan één laag declaraties toe die het stijlpaneel niet biedt, zoals een golvende onderstreping of een uitgesneden vorm. Eigen klassen geven dezelfde declaraties aan elke laag die ze noemt. Beide zie je op het canvas en op je gepubliceerde site op dezelfde manier. Eigen CSS komt in stappen naar de werkruimtes, dus misschien zie je het nog niet.
Declaraties toevoegen aan een laag
- Selecteer één laag.
- Open in het eigenschappenpaneel Eigen CSS. Het is een van de geavanceerde secties.
- Typ een eigenschap, bijvoorbeeld
text-shadow. Het veld stelt de eigenschappen voor die je kunt gebruiken. - Typ de waarde, bijvoorbeeld
0 2px 0 rgb(124 58 237 / 0.35), en druk op Enter. - Declaratie toevoegen voegt een rij toe. Met de × aan het eind van een rij haal je ze weg.
De declaraties gelden voor het breakpoint dat je bewerkt, zoals elke stijl, en komen na de andere stijlen van de laag: ze winnen waar beide hetzelfde instellen.
Wat je kunt schrijven
- Alleen visuele eigenschappen: schaduwen, omlijningen, uitsnedes, tekstversiering, filters, cursors en dergelijke. Lay-out, positie en grootte blijven bij de eigen knoppen van het stijlpaneel.
- Een waarde mag geen
;,{,},<,\of!importantbevatten. - Een afbeelding is een asset van je eigen site, geschreven als
url(asset:…).
Een rij die een regel breekt, toont eronder waarom, en er wordt niets opgeslagen tot elke rij klopt. De server van je site leest ook elke declaratie zoals een browser; een waarde die hij niet kan lezen, wordt niet opgeslagen.
Eigen klassen
- Typ in Eigen CSS onder Klassen een of meer namen, gescheiden door spaties, bijvoorbeeld
card-raised, en druk op Enter. Een naam begint met een letter en bevat letters, cijfers,-en_. - Open in het sitemenu Eigen klassen…, kies Klasse toevoegen, geef haar dezelfde naam en haar declaraties, en kies Opslaan.
Elke laag die de klasse noemt, krijgt haar declaraties. De eigen stijl van een laag gaat voor op haar klassen. Eigen klassen vragen de toestemming om code te bewerken.