Aangepaste CSS gebruiken

CSS is een ontwerptaal die op de meeste websites wordt gebruikt. U kunt het ontwerp van uw winkel aanpassen met behulp van aangepaste CSS-code. Bijvoorbeeld, u kunt het gebruiken om bepaalde elementen te verbergen.

Alle wijzigingen zijn geldig voor uw hele winkel, niet alleen voor de pagina die wordt weergegeven in de Editor terwijl u de CSS-code bewerkt. De aangepaste CSS-code heeft echter geen invloed op het ontwerp van de kassa van uw winkel.

Aangepaste CSS-code kan het design en de functionaliteit van uw winkel op een ongewenste manier veranderen en kan ook een negatieve invloed hebben op het responsieve design van uw winkel.
Alleen ervaren gebruikers zouden hun eigen CSS-code moeten invoeren. Controleer uw winkel zorgvuldig nadat u wijzigingen hebt aangebracht. Houd er ook rekening mee dat automatische updates de aangepaste code in uw winkel kunnen beïnvloeden. Controleer daarom regelmatig of de CSS-code die u hebt ingevoerd nog steeds aan zijn doel voldoet of dat het ontwerp en de functionaliteit zijn beïnvloed door mogelijke updates.

Hoe aangepaste CSS-code toevoegen

  1. Navigeer in de zijbalk van de administratie naar Editor.
  2. Selecteer ThemeCustomizationIcon.png in de onderste balk.
  3. Open het tabblad CustomCSSIcon.png.
  4. Voeg uw aangepaste CSS-code toe.
    Om alle toegevoegde inhoud weer te verwijderen, selecteert u Herstellen onder het codeveld.
  5. Selecteer Opslaan wanneer u klaar bent.
    Er wordt automatisch gecontroleerd of de CSS-code die u hebt ingevoerd geldig is. Het is alleen mogelijk om geldige CSS-code op te slaan.

De aangepaste CSS-code is toegevoegd aan uw winkel. Om te controleren of alles correct wordt weergegeven of als er problemen zijn opgetreden, selecteert u Uw winkel weergeven in de bovenste balk.

Info

De instellingen voor uw aangepaste CSS-code worden alleen toegepast op het huidig geselecteerde thema. Als u het thema verandert, wordt de aangepaste CSS-code niet langer toegepast op uw winkel. Als u terugschakelt naar het eerder geselecteerde thema, wordt de aangepaste CSS-code opnieuw toegepast op uw winkel.

Het is niet nodig om een stylesheet-type op te geven voor de aangepaste CSS-code.

Gebruik van aangepaste CSS voor kleurinstellingen

U kunt de kleuren van uw winkel het beste aanpassen via de kleurinstellingen. Raadpleeg Verander de kleuren van uw winkel voor meer informatie. Als u in plaats daarvan de kleuren wijzigt via aangepaste CSS-code, kan dit de kleurinstellingen overschrijven

Als u de kleuren van uw winkel opnieuw verandert, moet u mogelijk de rand en opvulling van bepaalde elementen in uw aangepaste CSS-code aanpassen.

Was dit artikel nuttig?