Hoe plaats ik een groot icoon (en vind ik het juiste icoon)?

Stap 1: Voeg het blok Icoon toe

Klik in de kolom op de + (Blok toevoegen), typ ‘icoon’ en kies Icoon. Het bewerkvenster gaat open. Zet het blok boven de tekst waar het bij hoort. Staat het eronder? Verplaats het dan met het pijltje omhoog in de werkbalk.

Stap 2: Zoek en kies een icoon

Klik op de keuzelijst Icon en typ een zoekwoord. Je ziet elk icoon met zijn naam. Klik op het icoon dat je wilt gebruiken.

Zoektips

De iconen hebben Engelse namen. Een paar voorbeelden:

Vind je niets? Probeer een synoniem of een deel van het woord. Zoek bijvoorbeeld op ‘cart’ voor alle winkelwagens.

Stap 3: Kies de grootte

Bij Icon groote heb je vijf keuzes: Normaal, Medium (x3), Large (x4), ExtraLarge (x5) en ExtraExtraLarge (x6). Normaal is twee keer zo groot als de tekst. Een kleiner icoon zet je niet met dit blok neer, maar direct in de tekst. Zie het Tekst-blok gebruiken.

Stap 4: Kies een kleur

Bij Kleur kies je een kleur uit je huisstijl. Gebruik voor een icoon Primary, Secondary, wit of zwart. Laat je de kleur leeg, dan krijgt het icoon de kleur van de tekst.

Stap 5: Ruimte en uitlijning

Bij Padding geef je het icoon extra ruimte: Geen padding, Padding rond om, Padding horizontaal (links en rechts) of Padding verticaal (boven en onder). Meestal is Geen padding goed.

Bij Icon uitlijning kies je Links, Midden of Rechts. Staat je tekst eronder in het midden, zet het icoon dan ook in het midden.

Voorbeeld: drie diensten met iconen

1. Maak een sectie met drie kolommen. Zie een sectie toevoegen en in kolommen delen.
2. Zet in de eerste kolom een blok Icoon (Large, Midden) en daaronder een blok Tekst met een Heading 3 en een korte zin, ook in het midden.
3. Maak de kolom helemaal af en dupliceer hem twee keer.
4. Pas in de kopieën het icoon en de tekst aan.

Zo hebben de drie kolommen precies dezelfde opbouw en grootte.

Lukt het niet?

• Je vindt je icoon niet. Zoek in het Engels, bijvoorbeeld ‘phone’ in plaats van ‘telefoon’.
• Het icoon heeft niet de kleur die je koos. Kies Primary, Secondary, wit of zwart. Wil je een andere kleur? Neem contact met ons op.
• Je wilt een cirkel of vlak achter het icoon. Dat kan niet met dit blok. Neem contact op als je dat in je hele site wilt.
• Het icoon staat niet in het midden boven de tekst. Zet zowel Icon uitlijning als de tekst op Midden.
• Het icoon is te klein. Kies bij Icon groote een grotere maat.

Alle andere blokken vind je in alle blokken op een rij.

Veelgestelde vragen