Pas aangepaste CSS toe om lettertypen, kleuren en achtergronden te stylen buiten de standaardopties van Squarespace.

Als je programmeerkennis hebt en je site verder wilt aanpassen dan de ingebouwde stylingopties, kun je CSS-code toevoegen met de CSS-editor.

CSS mag alleen worden gebruikt om lettertypen, kleuren en achtergronden te wijzigen. Andere CSS-wijzigingen kunnen mogelijk schade toebrengen aan je site.

Een video bekijken

Beperkingen

• Bekijk onze aanbevelingen over wat je wel en niet moet veranderen met CSS in onze FAQ over aangepaste code.
• In versie 7.0 wordt aangepaste CSS niet overgedragen wanneer je van sjabloon wisselt. Als je terugschakelt naar een eerder sjabloon, blijft de CSS die je eraan hebt toegevoegd, behouden.
• Het syntaxcontrolesysteem van de CSS-editor van Squarespace is een parser die test wat er in verschillende browsers zal werken. Zelfs als je code geen foutmelding geeft op een CSS-validator, zal de parser de code vlaggen als hij denkt dat een regel misschien niet werkt zoals hij bedoeld is. Als je een syntaxfout ziet, herzie dan de CSS om er zeker van te zijn dat het correct is geschreven en geformatteerd en dat er niets ontbreekt.

Opmerking: Aangepaste code, inclusief CSS, valt buiten de reikwijdte van onze ondersteuning. Dit betekent dat we je niet verder kunnen helpen met de installatie of probleemoplossing. Daarnaast kunnen we bij een codegebaseerde oplossing de functionaliteit of volledige compatibiliteit met Squarespace niet garanderen. Dit omvat onder meer hoe het functioneert binnen ons responsive design, met name de weergave op een mobiel apparaat, en of het werkt op alle sjablonen. CSS-aanpassingen kunnen ook weergaveproblemen veroorzaken bij toekomstige updates van ons platform. Hoewel we je niet verder kunnen helpen, zijn er veel bronnen die je in de juiste richting kunnen wijzen:

• Leer de beste werkwijzen voor het toevoegen van aangepaste code.
• Lees onze algemene handleiding over op code gebaseerde aanpassingen.
• Bezoek het Squarespace Forum voor klanten en ontwikkelaars.
• Huur een Squarespace-expert in om te helpen met het bouwen van aangepaste code voor je site.

CSS-code toevoegen

Voeg als volgt de CSS-code toe:

1. Open het paneel aangepaste CSS.
2. Om de editor in een uitklapbaar venster te openen, klik je op Open in een nieuw venster. Het venster wordt gesloten als je het Custom CSS-paneel verlaat.
3. Voeg je code toe.
4. Als je klaar bent, klik je op Opslaan om je wijzigingen te publiceren.

De regelnummers worden aan de linkerkant weergegeven, zodat je gemakkelijk naar codefragmenten kunt verwijzen. Syntaxfouten worden onderaan in het rood weergegeven.

Je bestanden uploaden (optioneel)

Je kunt mediabestanden voor aangepaste afbeeldingen uploaden in de CSS-editor. Als je een lettertype uploadt, overweeg dan de lettertype-uploadtool te gebruiken. 

Bestanden uploaden:

1. Klik op aangepaste bestanden. (In versie 7.0 is de tekst van de knop Aangepaste bestanden beheren). 
2. Klik op Afbeeldingen of lettertypen toevoegen of sleep bestanden naar dat gebied om je bestand te uploaden.

Tip: Als het uploadgebied voor bestanden niet opent, schakel dan pop-ups in je browser in.

Geaccepteerde bestandstypen

Het gedeelte aangepaste bestanden accepteert geldige afbeeldings- en lettertypebestanden:

• .jpg
• .png
• .gif
• .ttf
• .otf
• .webp
• .woff

Het veld accepteert geen .svg bestanden.

Je kunt aangepaste bestanden gebruiken

Om de bestanden te gebruiken:

1. Schrijf je code tot het punt waar je de bestands-URL nodig hebt om naar te verwijzen.
2. Laat de cursor staan waar je de URL in de code wilt invoegen.
3. Klik op het bestand.

De CSS-editor plakt automatisch de directe URL voor dat bestand, zodat je ernaar kunt verwijzen in je code.

Aangepaste bestanden en SSL

De URL van het bestand wordt opgemaakt als veilig of onveilig, afhankelijk van of SSL is ingeschakeld. Als je de SSL-voorkeur van je site verandert, raden we aan om de URL van het bestand aan te passen zodat deze overeenkomt. Als u bijvoorbeeld SSL inschakelt:

1. Open de CSS-editor.
2. Klik op Aangepaste bestanden beheren.
3. Klik op het bestand.
4. Verander de URL zodat deze begint met https.
5. Klik op Opslaan.