Oplossingen voor de veelvoorkomende problemen die in de Brine-sjabloonfamilie voorkomen.

Hier zijn enkele veelvoorkomende problemen met deze sjabloon. Sommige hiervan zijn bugs of bekende problemen. Hoewel we Squarespace versie 7.0 nog steeds ondersteunen, heeft het oplossen van bugs of problemen voor ons een lagere prioriteit, omdat we ons nu richten op ons huidige platform, versie 7.1. Je kunt je versie 7.0-site verplaatsen naar versie 7.1 met onze updatetool.

Zie de Brine-sjabloongids of de lijst met Brine-sjablonen voor algemene hulp.

Voeg een knop toe aan de header

Een knop toevoegen aan de header is een geweldige manier om een bepaald gedrag aan te moedigen, zoals verkeer naar een specifieke pagina te leiden.

Er zijn een paar manieren om een knop aan een header toe te voegen:

• Gebruik de navigatie: Om een call-to-action (CTA) te creëren in je navigatie, houd slechts één hyperlink in je secundaire navigatie en style de secundaire navigatie als een knop. Stijl je primaire navigatie in een andere stijl.
• Gebruik het introductiegebied: Maak een call-to-action (CTA) op afzonderlijke pagina's door een knoppenblok toe te voegen aan het introductiegebied. Voeg tekst of andere blokken toe om je boodschap te benadrukken.

De bannerafbeelding of -video wordt niet weergegeven.

In Brine worden banners op de meeste paginatypen weergegeven, maar ze worden niet ondersteund voor:

• Individuele blogpost-, product- en detailpagina's van evenementen.
• Voorpagina's
• Uitgelichte afbeeldingen toegevoegd aan de hoofdindexpagina. Voeg in plaats daarvan uitgelichte afbeeldingen toe aan contentgedeelten binnen de index.
• Videobanners worden soms niet weergegeven op mobiele apparaten, afhankelijk van de verbindingssnelheid en de browserversie van de bezoeker. Stel een mobiele fallbackafbeelding in die verschijnt wanneer de videobanner niet kan worden geladen.

Als je pagina banners ondersteunt maar er geen wordt weergegeven, zijn hier enkele stappen om het probleem op te lossen:

1. Klik in pagina-instellingen op het tabblad media.
2. Voor bannerafbeeldingen klik je op Afbeelding. Voor videobanners klik je op Video.
3. Zorg ervoor dat je de afbeelding of video ziet.
4. Klik op Opslaan en vernieuw de pagina.

Als de banner nog steeds niet verschijnt:

1. In sitestijlen, scrol naar het hoofdgedeelte.
2. Vergroot de opvulling van de intro (met achtergrondafbeelding).
3. Zorg ervoor dat in het gedeelte Hoofd: overlay de overlaykleur niet volledig ondoorzichtig is.
4. Klik op Opslaan en vernieuw de pagina.

Banners zijn niet schermbreed.

Banners worden meestal schermbreed weergegeven, wat betekent dat ze doorlopen tot de randen van de browser. Als je banners dit niet doen, verander dan de lay-out van je site:

1. In sitestijlen, scroll naar het site -gedeelte.
2. Kies Ontwerp: volledige breedte of Ontwerp: volledige achtergrond.
3. Zorg ervoor dat in het gedeelte Site: rand de optie Rand tonen is uitgeschakeld.
4. Klik op Opslaan en vernieuw de pagina.

Blogposts hebben geen reactiegedeelten

Blogreacties zijn standaard uitgeschakeld in Brine, zelfs als je reacties op een individuele blogpost inschakelt.

Om reacties in te schakelen voor je site:

1. Open het paneel met blogvoorkeuren.
2. Klik op Reactie-instellingen.
3. Vink Reacties wereldwijd inschakelen aan. Er verschijnen meer instellingen voor opmerkingen.

Voor meer informatie, bezoek Blogreacties en eenvoudige likes.

Verander de maandtekst op een evenementenpagina in de agenda

In de agenda-lay-out van de evenementenpagina wordt de naam van de maand gecentreerd boven je agenda. Het lettertype, de grootte en de kleur van de maandtekst volgen de aanpassingen van Kop 1. Om deze aanpassingen aan te passen:

1. Ga naar een andere pagina op je site die de tekst van kop 1 bevat.
2. Ga terug naar het website paneel, klik op Ontwerp en vervolgens op sitestijlen.
3. Zoek de aanpassingen van kop 1 onder Inhoud: lettertypen en Inhoud: kleuren.
4. Klik op Opslaan en ga daarna terug naar de evenementenpagina om je wijzigingen te bekijken.

De kolommen staan op de verkeerde plek

Enkele kolommen met een ingesprongen content wikkelen zich rond zwevende blokken.

Als het zwevende blok hoger is dan de content met één kolom, kan het de lay-out van de content met meerdere kolommen verstoren. Voeg een afstandsblok toe boven de inhoud met meerdere kolommen om dit aan te passen.

Maak een paginagrote achtergrondafbeelding

Je kunt een indexpagina gebruiken om het effect te creëren van een enkele pagina met een achtergrondafbeelding:

1. Maak een indexpagina.
2. Voeg een inhoudsgedeelte toe.
3. Voeg een uitgelichte afbeelding toe aan het inhoudsgedeelte. Hiermee wordt de achtergrondafbeelding gegenereerd.
4. Voeg de inhoud van je pagina toe aan het inhoudsgedeelte. Het vormt een overlay over de uitgelichte afbeelding.
5. Om de hoogte te vergroten, voeg je extra spaties toe in een tekstblok onderaan.

Maak een banner met diavoorstelling

Je kunt een indexpagina gebruiken om het effect te creëren van een diavoorstellingsbanner:

1. Maak een indexpagina.
2. Klik Gedeelte toevoegen om je eerste gedeelte te maken.
3. Selecteer Galerie en voeg vervolgens meerdere afbeeldingen toe aan de collectie.
4. Voeg een galerijindexgedeelte toe met meerdere afbeeldingen als eerste gedeelte.
5. Kies in het index: galeriegedeelte van sitestijlen de optie lay-out: diavoorstelling. (Dit geldt voor alle galerie-indexgedeelten op je site.)
6. Zorg ervoor dat in het Index: galeriegedeelte diavoorstelling de optie Galerie automatisch afspelen is aangevinkt.
7. Voeg een inhoudsgedeelte toe onder het indexgedeelte van de galerie en voeg daar je pagina-inhoud aan toe.

Parallax scrollen uitschakelen

Om dit te doen:

1. Ga naar een pagina met een bannerafbeelding.
2. In sitestijlen scrol je naar het Hoofd: overlay -gedeelte.
3. Schakel Parallax uit Activeer.
4. Klik op Opslaan en vernieuw de pagina.

Dit beïnvloedt je hele site.

Uitklapmenu's verschijnen niet in de footernavigatie.

Dropdowns worden niet weergegeven als uitklapmenu's in de footernavigatie. In plaats daarvan kunt u ze weergeven als afzonderlijke kolommen met de titel van het uitklapmenu als kolomheader.

Om uitklapmenu's aan je navigatie toe te voegen, voeg je het uitklapmenu toe aan de primaire navigatie of de secundaire navigatie.

Het uitklapmenu in de header lijkt afgesneden.

Als de laatste navigatiehyperlink aan de rechterkant van je site een uitklapmenu is, kunnen de paginatitels worden afgebroken. Dit gebeurt meestal op kleinere schermen (zoals tablets) of wanneer de opvulling van de stijlaanpassing van de site wordt verminderd. Om dit op te lossen:

1. Zoek in het Pagina's -paneel het uitklapmenu waarmee je een uitklapmenu kunt maken.
2. Verplaats het uitklapmenu naar een andere positie in het Primaire navigatie gedeelte. Zolang je uitklapmenu niet op de laatste positie staat, worden de paginatitels volledig weergegeven.

De footer heeft verschillende achtergrondkleuren op verschillende pagina's

Dit gebeurt als de achtergrondkleur van je footer gedeeltelijk of volledig transparant is. Op pagina's zonder uitgelichte afbeeldingen wordt de kleur van de footer op een witte achtergrond weergegeven. Op pagina's met uitgelichte afbeeldingen wordt de achtergrondkleur van de footer weergegeven over de kleur van je hoofdcontentgebied.

Los dit als volgt op:

1. In sitestijlen scrol je naar het Footer -gedeelte.
2. Zorg dat de achtergrondkleur volledig ondoorzichtig is.

Het middelste blokkengebied van de footer is verdwenen

Soms, wanneer je alle inhoud uit het gebied met de middelste blokken verwijdert, verdwijnt de annotatie ervan in de kolommenweergave. Om dit op te lossen, schakel je tijdelijk over naar de gestapelde lay-out:

1. In sitestijlen scrol je naar het Footer -gedeelte.
2. Kies Lay-out: gestapeld.
3. Verlaat sitestijlen.
4. Voeg inhoud toe aan het gebied met de middenblokken van de footer .
5. Open de sitestijlen opnieuw en kies Lay-out: kolommen.
6. Klik op Opslaan.

Je ziet de headerelementen niet goed weergegeven

Als je te veel elementen instelt om in hetzelfde gebied van de header weer te geven, kunnen ze elkaar op tablets of kleinere browsers overlappen.

Voor het beste resultaat, plaats elk element in een ander deel van de header. Kies waar elk element wordt weergegeven in het header: lay-outgedeelte van sitestijlen.

Headeropties worden niet weergegeven in sitestijlen

Sommige aanpassingen van elementen worden alleen weergegeven in sitestijlen als die elementen op je site aanwezig zijn.

• Navigatie - Aanpassingen verschijnen nadat je pagina's of links hebt toegevoegd aan je primaire navigatie of secundaire navigatie.
• Winkelwagentje en klantenaccount: er verschijnen aanpassingen nadat je een winkelpagina hebt aangemaakt. Snelkassa moet uitgeschakeld zijn.
• Slogan - Aanpassingen verschijnen nadat je een slogan hebt toegevoegd.
• Header: bottom - Dit gedeelte verschijnt nadat je een of meer elementen hebt toegevoegd aan de onderste helft van de header in het gedeelte Header: lay-out.
• Header: top - Dit gedeelte verschijnt nadat je een of meer elementen hebt toegevoegd aan de bovenste helft van de header in het gedeelte Header: lay-out.
• Introductiegebied – Aanpassingen verschijnen wanneer je op een pagina bent die introductiegebieden ondersteunt.
• Banner – Aanpassingen verschijnen wanneer je op een pagina bent die banners ondersteunt.

Koppen worden bij bepaalde breedtes over twee regels verdeeld

In de Brine-familie breken sommige koppen naar twee regels wanneer de browser ongeveer 1400 pixels breed is en gaan dan terug naar één regel bij ongeveer 1120 pixels. Dit maakt deel uit van het ontwerp van het sjabloon.

Pictogrammen en de sitetitel overlappen op mobiel

Als de elementen in je mobiele navigatiebalk elkaar overlappen, verplaats dan een of meer ervan naar de andere navigatiebalk.

Bijvoorbeeld om de ☰ van de bovenste naar de onderste navigatiebalk te verplaatsen:

1. Scroll in sitestijlen naar het gedeelte Mobiel: menupictogram.
2. Verander de positie naar onderkant (links, rechts of midden).

Herhaal deze stappen voor alle elementen die overlappen.

Indexgedeelten worden niet weergegeven op browserhoogte

Om sommige of alle gedeelten zo in te stellen dat deze op de hoogte van de browser wordt weergegeven:

1. In sitestijlen, scroll naar het Index: indexpagina gedeelte.
2. Gebruik Minimale hoogte toepassen om in te stellen welke gedeelten worden beïnvloed.
3. Stel de minimale hoogte in op 100vh.

Als je gedeelte niet de volledige hoogte van de browser vult:

• Experimenteer met opvulling (overlaypagina) en opvulling tot je tevreden bent met de stijl.
• Als de content van je gedeelte (inclusief opvulling) groter is dan de hoogte van de browser, blijft de oorspronkelijke hoogte behouden.
• De Mirror-rand tweak kan ook van invloed zijn op de weergave van de eerste gedeelten.

Voor de indexgedeelten van de galerie:

• Lay-out: diavoorstelling - Vink Gebruik vaste hoogte aan om de hoogte handmatig in te stellen.
• De hoogte wordt automatisch ingesteld door het aantal en de grootte van de afbeeldingen in de galerie.

De gespiegelde rand van de indexpagina heeft niet de juiste kleur

De kleur van Brine's spiegelrand is dezelfde als die van de pagina. Om dit in te stellen, gebruik je Kleur in het onderdeel Hoofd van sitestijlen.

Afbeeldingen worden niet weergegeven op volledige sitebreedte.

Afbeeldingblokken volgen niet de ingesprongen content. In plaats daarvan worden ze weergegeven op de breedte van de site. Pas de breedte van de site aan met Breedte in het gedeelte Site van sitestijlen.

Je kunt ook Stretch controleren in de afbeeldingsblok-editor om ervoor te zorgen dat de afbeelding op de volledige breedte van het blok wordt weergegeven.

Tip: Maak schermbrede afbeeldingen op de indexpagina's van Brine door een gedeelte voor een lay-outpagina met een achtergrondafbeelding toe te voegen of een gedeelte met een diavoorstellinggalerijpagina.

Informatiebalk mobiele apparaten wordt overlapt

Als je site-header je informatiebalk mobiele apparaten overlapt, kunnen je bezoekers problemen hebben met het verkennen van de inhoud van je site. Dit gebeurt wanneer zowel de vaste mobiele stijlaanpassing als de informatiebalk mobiele apparaten zijn ingeschakeld. Om dit op te lossen:

1. Scroll in sitestijlen naar het gedeelte mobiel: bovenkant.
2. Zorg ervoor dat de instelling vaste mobiele bovenkant niet is geselecteerd.

Als je liever de vaste mobiele topaanpassing laat staan, kun je in plaats daarvan de informatiebalk mobiele apparaten verwijderen.

De mobiele site scrolt horizontaal

Je kunt horizontaal scrollen waarnemen als je hebt ingezoomd op de pagina. Probeer je mobiele browser te verversen om de zoom opnieuw in te stellen.

Als het probleem hiermee niet is opgelost, kan het zijn dat de opvulling aan de zijkant van je site minder dan 17 pixels groot is, waardoor je mobiele site breder wordt weergegeven dan het browservenster. Los dit als volgt op:

1. In sitestijlen, scroll naar het site -gedeelte.
2. Zorg ervoor dat de zij-opvulling 17 pixels of hoger is.

Mobiele stijlen worden niet weergegeven.

Als je instellingen voor mobiele stijlen niet worden weergegeven op mobiele apparaten en in de Apparaatweergave, kan het zijn dat je site alleen overschakelt naar de mobiele weergave in zeer smalle browsers. Om de breedte waarop de overschakeling plaatsvindt opnieuw in te stellen:

1. In sitestijlen scrol je naar het gedeelte Mobiel.
2. Zorg ervoor dat je mobile breakpoint is ingesteld op 640 pixels of hoger.
3. Klik op Opslaan.

De navigatiebalk heeft een onverwachte kleur, vind je niet?

Als je de dekking van de onderste navigatiebalk aanpast, hangt de kleur ervan bij het scrollen naar beneden af van je instellingen. Als er een siterand is, wordt deze over die kleur heen weergegeven. Anders:

• Als er een paginabanner is, wordt die op de achtergrondkleur van de site weergegeven.
• Als er geen banner is, wordt deze over de achtergrondkleur van de footer weergegeven

Parallax-afbeeldingen zijn te veel bijgesneden.

In het Main: overlay gedeelte, vink Parallax smart crop aan. Als deze optie is aangevinkt, worden bannerafbeeldingen minimaal bijgesneden voor parallax-weergave.

De titel van de site ziet er anders uit op mobiele apparaten.

Je kunt aanpassen hoe de titel van je site wordt weergegeven op basis van het apparaat. Stel een ander lettertype in voor computer en mobiel met behulp van de aanpasbare mobiele stijlen van je sjabloon.

Om je branding consistent te houden op verschillende apparaten, selecteer je hetzelfde lettertype in de gedeelten Mobiele branding en Header branding van de sitestijlen.

Socialemediapictogrammen in de header hebben de verkeerde kleur op indexpagina's

Als het eerste gedeelte van je index een galerie is, en je hebt de Overlay-header op de eerste indexgalerie aangevinkt, dan volgen de socialemediapictogrammen in je header automatisch de aanpassing van de kleur (overlay) in Sociale pictogrammen. Deze aanpassing verschijnt echter alleen wanneer je de Social positie in header: lay-out op een van de onderste header-opties zet. Als gevolg hiervan kunnen socialemediapictogrammen in de header een onverwachte kleur hebben die je niet kunt wijzigen.

Om deze kleuraanpassing te wijzigen, stel je Social position tijdelijk in Header: lay-out in op een van de opties voor de onderste header. Nadat je de kleur hebt aangepast, verplaats je de socialemediapictogrammen terug naar je bovenste header.

De tekst is smal en gecentreerd

Als bepaalde blokken in één kolom staan, worden ze automatisch in het midden van de pagina ingesprongen, met witruimte aan weerszijden. Dit wordt de ingesprongen content genoemd.

Om de ingesprongen content te verwijderen, stel je Ingesprongen content in op 0 in het hoofdgedeelte van de sitestijlen.