Pasgemaakte CSS
Hosted en gepubliseerde Spaces kan aangepas word met CSS.
U CSS-veranderinge sal slegs op u pasgemaakte domein ingesluit word. Wanneer u u gepubliseerde Space voorskou, sal dit nie sigbaar wees nie, so u moet dit na Production publiseer.
Kies 'n space en klik op die Instellings-ikoon ( ⚙️ ) om die Ruimte-instellings
Soek die Pasgemaakte kode-oortjie in die Space Settings-venster
Gaan na die Pasgemaakte CSS-veld
Tik die HTML <style>-tags in
Stoor u veranderinge in die Custom CSS-veld.
<style>
/* add the CSS clases and the properties you want to change */
</style>
Om veiligheidsredes word pasgemaakte kode slegs op 'n pasgemaakte domein ingesluit.
Dwarsdeur die DOM sal u HTML-elemente vind met 'n CSS-klas wat begin met ab-. U kan hierdie klasse teiken om die portaal te stileer. Hierdie klasse sal gewaarborg nooit verander nie sodat ons nie u stilering breek wanneer ons die stelsel opdateer nie.
As die element wat u probeer stileer nie 'n klas het wat begin met ab-, laat ons nie aanpassing toe nie, en dit is meestal om u teen uself te beskerm. Byvoorbeeld, as ons die struktuur verander, kan dit u stilering beïnvloed.
Elke element en blok in die inhoudafdeling het ook 'n soortgelyke klas. Hieronder kan u 'n lys van die klasse vind. As u dit wil nagaan, maak asseblief DevTools in u blaaier oop deur regs te klik -> Inspect.
Hier is 'n lys van die huidige beskikbare CSS-klasse:
OpenAPI CSS-klasse
Die donker modus voeg 'n dark-klas boaan die HTML-boom by, en u kan dit gebruik om donker modus-style te teiken.
Byvoorbeeld, só verander u die teks na rooi in donker modus:
<style>
.dark .ab-paragraph {
color: red !important ;
}
</style>