Skip to content

Accent box

Met de accent box kun jij nadruk leggen op een, door jou gekozen, tekst met daarbij een link naar een, door jou gekozen, pagina.

Binnen de box kun je ook een icoon of afbeelding plaatsen.

logo-webnemer-wit

Tabbladen binnen de module

De module voor een accent box bevat meerdere tabbladen. We leggen per tabblad uit welke acties jij allemaal in kunt stellen, zodat jouw box zijn werk goed doet.

Box
TekstTyp hier de tekst die jij wilt tonen in je accent box.
LinkPlaats hier de link waar de accent box naartoe mag linken. Selecteer gelijk of de link moet openen in hetzelfde tabblad of in een nieuw tabblad.
IcoonSelecteer of jij een icoon of afbeelding wilt tonen. Kies hier ook gelijk welk icoon of welke afbeelding dit mag zijn.
Stijl
Stijl boxVoor de stijl van de box stel je diverse aspecten in:
* Kleur achtergrond: selecteer hier de kleur voor de achtergrond van je box.
* Tekstkleur: selecteer hier je tekstkleur.
* Achtergrondkleur bij hover: kies de hover kleur voor de achtergrond.
* Tekstkleur bij hover: kies de tekstkleur bij hover.
* Padding boven: kies de ruimte tussen je tekst en de bovenkant van de box.
* Padding onder: kies de ruimte tussen je tekst en de onderkant van je box.
* Padding links: kies de ruimte links van je tekst. Dit is tussen de tekst en de rand van je box.
* Padding rechts: kies de ruimte rechts van je tekst. Dit is tussen de tekst en de rand van je box.
* Radius rand: kies 0 px voor een vierkante box, kies een hoger getal voor afgeronde hoeken.
* Lettertype: wil jij een ander lettertype gebruiken dan je standaard ingestelde? Selecteer dan hier dit lettertype.
* Lettertype grootte: stel hier de grootte in van je lettertype.
Icoon/afbeelding stijlStel hier de volgende onderdelen in:
* Grootte: kies de grootte van je icoon of afbeelding.
* Kleur: indien gekozen voor een icoon, stel hier de kleur in.
* Effect: kies het effect voor het tonen van jouw icoon of afbeelding. Let op, je ziet de effecten pas wanneer jij met je muis over de accent box gaat.
* Overgangsduur: de duur van de overgang tijdens de hover.
Scroll To Top