Hoe voeg je je eigen CSS aan de site toe

← Terug

Maak een dienstonderdeel met de module «Eigen CSS» en toegang alleen voor beheerders — op de pagina staat de CSS-editor, en de stijlen worden op alle pagina's van de site geladen.

  1. Klik in het onderdeel «Structuur van de site» op «Hoofditem toevoegen» en geef het onderdeel een naam, bijvoorbeeld «Mijn CSS».
  2. Zoek in het veld «Module» via «Kiezen» de kaart «Eigen CSS» (code custom_css).
  3. «Toegangsniveau» — «Alleen voor beheerders». Sla op.
  4. Open dit onderdeel. Bij de eerste keer verschijnt «Het CSS-bestand van de site is aangemaakt. Het wordt als laatste op alle pagina's van de site geladen.».
  5. Schrijf de regels in de editor. Tab — inspringen, Shift+Tab — inspringing verwijderen.
  6. Klik op «Opslaan» of druk op Ctrl+S. De wijzigingen zijn na verversen op de pagina's zichtbaar.

Het bestand wordt op elke pagina als laatste geladen, dus het overschrijft de stijlen van de engine bij gelijke selectornauwkeurigheid. Maar instellingen uit het stijlvenster van het blok (tandwiel) worden rechtstreeks in het blok geschreven — die overschrijft alleen !important.

Het bestand staat tussen de bestanden van de site en komt terecht in de back-up en in de sjabloon.

Als het niet lukt

  • De stijlen hebben de pagina verborgen of kapotgemaakt. Klik in de editor op «Zonder mijn CSS» — hij opent zonder uw stijlen. Op elke pagina van de site doet de toevoeging ?nocustomcss=1 aan het adres hetzelfde (werkt alleen voor de beheerder).
  • «Bestand gewijzigd». Het bestand is in een ander tabblad of door een andere beheerder aangepast. U kunt het met uw tekst overschrijven of afzien, de tekst kopiëren en de pagina verversen.
  • «CSS-bestand is te groot». De limiet is 512 KB. Haal overbodigs weg; voeg afbeeldingen toe als links, niet als code binnen de CSS.
Was het artikel nuttig?

Zie ook

In de hulpsectie vindt u antwoorden op veelgestelde vragen en handige instructies voor het werken met de websitebouwer Site Look. Hier kunt u leren hoe u secties beheert, objecten toevoegt en de website aanpast. De materialen zijn nuttig voor zowel beginners als ervaren gebruikers. Als u geen antwoord hebt gevonden, neem dan contact op met de support.