Kleurverloop gebruiken als achtergrond

Kleurverloop als achtergrond geeft een mooi effect en ziet er dynamischer uit dan een achtergrond in één kleur. U kunt natuurlijk ook beide achtergrondontwerpopties tegelijkertijd gebruiken in winkel. Raadpleeg Het achtergrondontwerp van contentelementen bewerken voor meer informatie.

Hoe u een achtergrond met kleurverloop instelt

Zodra u een contentelement hebt toegevoegd aan een pagina, kunt u een kleurverloop instellen als achtergrond. Alle wijzigingen zijn direct zichtbaar in het voorbeeldgedeelte van de Editor.

1. Selecteer het contentelement of beweeg de muis erover. U ziet een blauwe balk bovenaan het contentelement.
2. Selecteer in de blauwe balk.
3. Selecteer de optie Kleurverloop achtergrond.
4. Selecteer of u 2 kleuren of 3 kleuren wilt gebruiken.
5. Selecteer de koppeling Kleurrichting wisselen als u de richting van het kleurverloop wilt wijzigen.
6. Kies de kleuren die u voor het verloop wilt gebruiken door de gekleurde vierkantjes te selecteren:
   • Selecteer de gewenste kleur in het kleurenpalet .
   • U kunt ook een van de voorgedefinieerde kleuren selecteren . Deze bevatten altijd de basiskleuren zwart en wit. Daarnaast kunt u hier de huidige geselecteerde winkelkleuren vinden.
   • Als u een exacte kleurschakeling nodig hebt, kunt u ook een hex-kleurcode invullen in het invoerveld .
     Als u een specifieke kleur wilt gebruiken voor uw winkel, kunt u een kleurkiezer gebruiken om de bijbehorende hex-code te identificeren. Op deze manier kunt u snel exact de juiste tint selecteren. Kleurkiezers zijn gratis beschikbaar op verschillende websites en als extensie voor de populairste browsers.
   • Houd er rekening mee dat de koppeling Herstellen de standaardkleur van uw thema herstelt, niet de vorige kleur die u hebt geselecteerd (indien u dat hebt gedaan).
7. Onder Richting kunt u selecteren of u een horizontaal , verticaal  of diagonaal  kleurverloop wilt.
8. Selecteer de koppeling Herstellen in de weergave Achtergrondontwerp bewerken als u het standaard achtergrondontwerp voor dit contentelement wilt herstellen.
   Houd er rekening mee dat hiermee de standaardkleur van uw thema wordt hersteld, niet de vorige kleur die u hebt geselecteerd (indien u dat hebt gedaan). Als u de kleur wilt houden die geselecteerd was toen u begon met bewerken, moet u het proces annuleren door Annuleren te selecteren.
9. Selecteer Opslaan.

U hebt een kleurverloop ingesteld als het achtergrondontwerp. Herhaal de stappen hierboven om een achtergrond met kleurverloop in te stellen voor andere contentelementen of om een kleurverloop opnieuw te bewerken. Uw wijzigingen worden meteen toegepast op uw winkel.

Tips voor de verschillende instellingen voor kleurverloop

• Om verschillende effecten te creëren, kunt u bijvoorbeeld de optie 3 kleuren kiezen en twee keer dezelfde kleur instellen.
• Als u vergelijkbare kleuren gebruikt, is het effect subtieler, terwijl het effect juist dramatischer is als u zeer verschillende kleuren gebruikt.
• Als u een zachter verloop wilt, kunt u voor het eerste contentelement een achtergrond met één kleur instellen en pas bij het tweede contentelement een achtergrond met een verticaal kleurverloop, waarbij u begint met de kleur van het eerste element. Dit kan er zo uitzien:

Info

Raadpleeg ook Het achtergrondontwerp van contentelementen bewerken voor meer tips.