Klik tijdens het bewerken van een pagina op het penseelpictogram in de rechterbovenhoek om het sitestijlenpaneel te openen.

Vanaf daar kun je op Thema's klikken om vooraf ingestelde pakketten te bekijken, zoals Professional, Bold en Playful. Als je een van de pakketten selecteert, worden je lettertype, kleur en knoppen aangepast aan die in het pakket. Nadat je een voorgeprogrammeerd pakket hebt gekozen, kun je nog steeds individuele stijlen bewerken door te klikken op het site-element dat je wilt veranderen, zoals Lettertypen of Kleuren. Gebruik deze gids voor meer gedetailleerde stappen op elk paneel.

Om sitestijlen te sluiten, dubbelklik je op het paginavoorbeeld, klik je op het penseelpictogram, of klik je op Sluiten bovenin het paneel. Je stijlwijzigingen blijven behouden totdat je ze opslaat of ongedaan maakt.

Met gesloten sitestijlen kun je meer verfijnde wijzigingen aanbrengen door een specifiek gedeelte te bewerken. Om een gedeelte te stijlen, zweef je over het gedeelte en klik je vervolgens op Gedeelte bewerken of op het potloodpictogram. Gedeeltestijlen standaardinstellingen wijzigen van sitebrede stijlen.

Hier kun je ook verschillende lay-outs kiezen voor Automatische lay-outs, collectie- en galeriegedeelten. Als je stijlwijzigingen aanbrengt in een collectiegedeelte, heeft dit invloed op alle lay-outs van dat type. Als je bijvoorbeeld twee bloggedeelten hebt die beide een lay-out gebruiken, beïnvloeden alle stijlwijzigingen die je aan één gedeelte aanbrengt beide gedeelten.

Om sitestijlen te openen:

1. Open het pagina's paneel.
2. Klik op de pagina die je wilt opmaken. Voor sitebrede functies zoals footers, open een willekeurige pagina. Voor collectie-items open je elk collectie-item van dat type (zoals een blogpost of productelement).
3. Klik linksboven op Website in het paneel Pagina's, klik op Ontwerp en klik vervolgens op Sitestijlen.
4. Klik in het paneel Sitestijlen op een aanpassing om wijzigingen door te voeren.

Het bewerken van de site is uitgeschakeld wanneer sitestijlen geopend is. Sluit sitestijlen en open het pagina's-paneel om content toe te voegen of te verwijderen.

De sitestijlen tonen opties voor de pagina waarop je je bevindt. Alle wijzigingen in deze aanpassingen gelden voor alle pagina's van dat type op je hele site. Als je bijvoorbeeld stijlwijzigingen aanbrengt op een winkelpagina, geldt dezelfde wijziging voor alle winkelpagina's op je site.

Tip: Elke voorpagina is apart opgemaakt.

Klik op een gebied van een pagina in het voorbeeldpaneel om de beschikbare stijlaanpassingen voor dat gebied te tonen en de rest te verbergen. Er verschijnt een kader met stijlmarkering rond het element waarop je klikt. Keer terug naar alle opties door te klikken op Alles weergeven. Deze snelkoppeling is beschikbaar met de meeste sjablonen en voor de meeste gebieden op je site.

Zo zou dat eruit kunnen zien op de Brine-sjabloon:

Stijlwijzigingen worden alleen ondersteund op sites in versie 7.1 van de app. Als je site versie 7.0 heeft, gebruik dan een computer om stijlwijzigingen aan te brengen.

Stijlen van versie 7.1 in de app

Met behulp van sitestijlen kun je met één tik grootschalige stijlwijzigingen op je site toepassen, waaronder wijzigingen in lettertype, kleur en spatiëring. Wijzigingen die je aanbrengt in sitestijlen zijn meestal voor de hele site, maar je kunt meer verfijnde wijzigingen aanbrengen door specifieke gedeelten of tekstgebieden te stylen.

Breng als volgt stijlwijzigingen aan:

1. Tik op een willekeurige pagina van je/jouw site en tik vervolgens op het ^ icoon onderaan.
2. Tik op het penseelpictogram om de sitestijlen te openen. 
3. Tik op het site-onderdeel dat je wilt opmaken, zoals Lettertypen of Kleuren.
4. Gebruik de opties in het paneel om dat onderdeel aan te passen. 
   • Tik in Lettertypen op Sans-serif, Serif of Gemengd om lettertypepakketten voor elk type te bekijken. Tik op een lettertype om de basisgrootte te wijzigen.
   • Kies bij Kleuren een accentkleur, een lichte en een donkere kleur voor elk kleurenschema.
5. Als je klaar bent met het aanbrengen van wijzigingen, tik je op ^ onderaan het scherm, tik je nogmaals op het kwastpictogram en tik je op Gereed.
6. Tik op Opslaan om je wijzigingen te bevestigen.

Tip: Je kunt ook sitestijlen openen via het tabblad Instellingen.

Om een gedeelte op te maken:

1. Tik op de pagina die je wilt bewerken en vervolgens op het ^-pictogram onderaan.
2. Tik op Bewerken en vervolgens op een gedeelte dat je wilt opmaken.
3. Tik op het potloodpictogram in de gedeeltewerkbalk.
4. Tik op Ontwerp, Achtergrond of Kleuren en kies een nieuwe stijl.
5. Tik op Gereed en vervolgens op Opslaan.

Open sitestijlen en klik vervolgens op > naast Lettertypen om een lettertype te wijzigen.

In het lettertypenpaneel kun je een lettertypepakket kiezen voor alle tekst op je site, of het lettertype van specifieke teksttypen wijzigen. Zie Lettertypen wijzigen voor meer informatie.

In elk tekstgebied kun je het tekstformaat ook veranderen naar een kop, alineatekst, monospace-tekst of een hyperlink toevoegen.

• Links worden altijd onderstreept.
• Als bezoekers op een hyperlink klikken, verschijnt er een stippellijn omheen, waardoor je site toegankelijker wordt voor alle bezoekers.

Gebruik de typografie of lettertype-aanpassingen in de sitestijlen om lettertypen en groottes te wijzigen. Ga voor meer informatie naar Lettertypen wijzigen.

Om de kleuren van je site te wijzigen, open je sitestijlen en klik vervolgens op > naast Kleuren.

Met zorgvuldig samengestelde kleurenpaletten kun je alle kleuren van je site tegelijk wijzigen of de kleuren aanpassen voor individuele site-elementen. Voor meer informatie over het wijzigen van site- en gedeeltekleuren, bezoek Kleuren wijzigen. Om de beste praktijken met betrekking tot toegankelijkheid te bekijken, bezoek Toegankelijke site-inhoud creëren.

Om de kleuren te wijzigen, selecteer je een stijlaanpassing van de site met een kleurencircle naast het label. Voor meer informatie, bezoek Kleuren wijzigen. Om de beste praktijken met betrekking tot toegankelijkheid te bekijken, bezoek Toegankelijke site-inhoud maken.

Om de header van je site te bewerken, klik je linksboven op Bewerken in de sitevoorbeeldweergave, zweef dan over de header en klik op Header van site bewerken. Gebruik de opties in de editor om de titel van je site of het logo en navigatielinks aan te passen. Je kunt ook een winkelwagentjepictogram, socialemediapictogrammen en een call-to-action (CTA) knop toevoegen.

Voor meer gedetailleerde stappen, ga naar Een site-header bouwen.

De headerstijl van je site is afhankelijk van je sjabloon. Zie de gids van je sjabloon voor meer informatie over jouw specifieke headerinstellingen.

Sommige sjablonen hebben speciale functies in de header. Voor een lijst met beschikbare functies, bezoek Een site-header bouwen.

Om de footer te stylen:

1. Klik in de linkerbovenhoek op Bewerken.
2. Zweef over de footer en klik op footer bewerken.
3. Klik op Bewerken gedeelte of op het potloodpictogram om stijlwijzigingen aan te brengen.

Voor meer informatie, bezoek footers bewerken.

De stijl van de footer van je site hangt af van je sjabloon. Lees meer over je specifieke footerinstellingen in de gids van je sjabloon.

Wil je meer weten over de verschillende footer-opties per sjabloon? Bezoek Footers bewerken.

Om de spatiëring van je site te wijzigen, open je het spatiëringspaneel.

Deze aanpassingen veranderen de witruimte op alle pagina's van je site:

• Paginabreedte (max) - Wijzig de maximale mogelijke breedte van de pagina's van je site. De daadwerkelijke breedte hangt af van je browser en apparaat. Deze aanpassing heeft geen invloed op de spatiëring in de header van uw site.
• Sitemarge - Verander de breedte van de marge aan beide zijden van je site. Afhankelijk van je instelling voor paginabreedte kan deze aanpassing geen zichtbaar effect hebben op je paginainhoud. Deze aanpassing beïnvloedt je hele site, inclusief de header. In galeriegedeelten verandert de boven- en onderopvulling ook in verhouding tot de margebreedte.

Je kunt de afstand tussen afzonderlijke gedeeltes aanpassen in de gedeelte-editor.

Veel stijlaanpassingen die te maken hebben met grootte – zoals opvulling, witruimte, breedte en randen – staan onder de kop maten & waarden. Afhankelijk van je sjabloon kunnen ze ook in andere gedeelten staan.

Om een maat te wijzigen, zweef je over een maatinstelling en gebruik je de diavoorstelling of voer je een getal in het veld in.

Je kunt op elke pagina een bannerafbeelding maken door bovenaan de pagina een blokgedeelte met een achtergrondafbeelding toe te voegen.

• Als je alleen een afbeelding in je banner wilt, begin dan met een Leeg gedeelte.
• Alle blokken die je aan het gedeelte toevoegt, komen als overlay over de banner te liggen.
• Klik op gedeelte bewerken of op het potloodpictogram en stel de hoogte van het gedeelte in.
• Volg onze tips voor het opmaken van afbeeldingen bij het kiezen van een achtergrondafbeelding.

Ga voor meer informatie naar Bannerafbeeldingen toevoegen.

De meeste sjablonen ondersteunen paginabanners. Deze kun je toevoegen in de pagina-instellingen.

• Ga naar bannerafbeeldingen toevoegen om alle banneropties per sjablooncategorie te bekijken.
• Wil je meer weten over de specifieke bannerinstellingen van je site? Bezoek dan de gids van je sjabloon.

De achtergrond wijzigen:

• Gebruik het paneel Kleuren om de achtergrond van de site te wijzigen.
• Gebruik de gedeelte -editor om de achtergrondkleur van afzonderlijke gedeeltes te wijzigen of achtergrondafbeeldingen of video's toe te voegen. Dit omvat ook footergedeelten.
• Wanneer een gedeelte een achtergrondafbeelding heeft ingesteld op Ingesprongen, kun je de kleur van de ingesprongen rand aanpassen.
• De header heeft dezelfde achtergrondkleur als het bovenste gedeelte als het transparant is. Schakel transparantie uit in de headereditor om een ander kleurenschema voor de header in te stellen.

Je kunt de achtergrondkleur van je belangrijkste contentgebied instellen in sitestijlen. Sommige sjablonen hebben ook opties om een achtergrondkleur toe te voegen aan de header, footer en andere ruimte rondom je content. Voor meer informatie, bezoek Kleuren wijzigen.

Sommige sjablonen bevatten een sitebrede of paginaspecifieke achtergrondafbeelding die via sitestijlen wordt toegevoegd. Om er een toe te voegen, klik op de aanpassing van de achtergrondafbeelding of op het bijbehorende afbeeldingspictogram in de sitestijlen. Je kunt je eigen afbeelding uploaden of zoeken en een stock-afbeelding toevoegen. Ga voor meer informatie naar Achtergrondafbeeldingen voor de hele site toevoegen in versie 7.0.

Om je hoofdwinkelpagina te stylen, open je stijlopties voor je winkelgedeelte. Je kunt opties bekijken om het formaat van het gedeelte, de achtergrond en de kleuren te wijzigen.

Om producten te stylen, open je de sitestijlen van de productdetailpagina. Deze instellingen beïnvloeden de individuele productdetailpagina's. Let op dat sommige van deze opties alleen van toepassing zijn op producten met meerdere afbeeldingen, dus sommige wijzigingen zullen mogelijk niet verschijnen als je product er maar één heeft.

Ga voor meer informatie naar de winkelpagina's.

De stijlopties voor je producten zijn afhankelijk van het sjabloon van je site en of het sjabloon een klassieke, geavanceerde of unieke winkelpagina gebruikt.

Voor een gedetailleerde lijst met productstijlopties, bezoek Winkelpagina's stylen.

Je kunt bepaalde ontwerpkenmerken zoals socialemediapictogrammen, banners en footers verbergen door het blok of het gedeelte te verwijderen of de header en footer te verbergen. Open de gedeelte-editor om de verschillende opties voor dat gedeelte van de pagina te verkennen.

In sommige sjablonen kun je ontwerpkenmerken zoals paginatitels, socialemediapictogrammen, randen, banners en footers verbergen. Deze aanpassingen zijn meestal te vinden in het gedeelte Opties van sitestijlen.