Hoe maak ik van een kolom een card (en laat ik hem overlappen)?

Stap 1: Selecteer de kolom

Klik in de kolom naast de blokken, of kies Kolom in de lijstweergave. Rechts verschijnt het paneel Kolom instellingen.

Stap 2: Zet Kolom weergeven als card aan

Vink Kolom weergeven als card aan. De kolom krijgt nu het uiterlijk van een card uit je huisstijl: afgeronde hoeken, een dunne rand en ruimte rondom de inhoud.

Stap 3: Kies de Card achtergrond kleur

Onder het vinkje verschijnt Card achtergrond kleur. Klik op een kleur uit je huisstijl. Net als bij een sectie verandert de tekstkleur vanzelf mee: witte tekst op een donkere card. Een witte card op een lichtgrijze sectie geeft een rustig, net effect.

Overlappen met de vorige of volgende sectie

Is de kolom een card, dan verschijnen twee extra vinkjes:

• Kolom overlappen met vorige sectie: de card schuift omhoog, over de sectie erboven.
• Kolom overlappen met volgende sectie: de card schuift omlaag, over de sectie eronder.

Je kiest er één van de twee. Stel daarna met Overlappen met pixels in hoeveel de card verschuift (0 tot 1000). In de editor zie je bij de card de tekst “Steekt op de site … px in de vorige sectie”.

De card schuift op vanaf de plek waar hij normaal staat, en de sectie heeft boven en onder eigen ruimte. Wil je dat hij echt in de vorige sectie steekt, kies dan meer pixels dan die ruimte. Begin bijvoorbeeld met 150 en kijk op je site hoe het uitvalt.

Card-kolom of Card-blok?

Er zijn twee manieren om een card te maken:

• Een kolom als card (dit artikel): je zet zelf blokken in de kolom, zoals Tekst, Lijst en Knoppen. Vrij in te delen en geschikt voor overlappen.
• Het blok Card normaal of Card simpel: een vaste opbouw met afbeelding, titel, tekst en knop. Snel gemaakt, en de hele card is klikbaar. Zie een card met afbeelding, tekst en knop.

Een kolom als card is niet in zijn geheel klikbaar: alleen de knoppen en links erin. Wil je een hele tegel klikbaar, lees dan een kolom of card helemaal klikbaar maken.

Zet je drie card-kolommen naast elkaar, kies dan bij de sectie Uitrekken zodat ze even hoog worden; zie kolommen even hoog maken.

Lukt het niet?

• Je ziet geen card-instellingen: je hebt de sectie of een blok geselecteerd. Selecteer de kolom.
• De overlap-vinkjes ontbreken: die verschijnen pas als Kolom weergeven als card aan staat. Staat een van de twee aan, dan is de andere verborgen.
• De card steekt niet uit: kies meer pixels bij Overlappen met pixels; de ruimte boven in de sectie gaat er eerst af.
• De card valt achter de volgende sectie: bij overlappen met de volgende sectie kan die sectie over de card heen vallen. Gebruik liever overlappen met de vorige sectie, of vraag ons om hulp.
• De card en de sectie hebben dezelfde kleur: dan zie je de card nauwelijks. Kies een andere Card achtergrond kleur.