TemplateStrook Compiler

Strook compiler

Dark

Strook

Background kleur

Background image (url)

Padding top

Padding bottom

Padding left

Padding right

Itemvak

Max width

Gebruik % voor “fluid”, px voor klassiek template-vak.

Align

Padding (desktop default) In Items-tab stel je Mobile/Tablet padding in.

Margin top/bottom

Background kleur

Border width

Border kleur

Border radius

Items

Desktop gap

Desktop items per rij

Aantal items

Item padding X

Item padding Y

Item background

Border width

Border kleur

Afbeelding margin-top

Afbeelding margin-bottom

Afbeelding breedte

Breedte van het afbeeldingvak (.tc-media).

Afbeelding aspect ratio

Min-height korte tekst

Min-height medium tekst

Min-height lange tekst

Border radius (item)

Item radius TL

Item radius TR

Item radius BR

Item radius BL

Border radius (afbeelding)

Image radius TL

Image radius TR

Image radius BR

Image radius BL

Responsive grid (primair)

Responsive overrides gebruiken Als uit: Desktop waarden gelden overal.

Mobile: items per rij

Mobile: gap

Tablet: items per rij

Tablet: gap

Responsive container padding

Mobile: container padding

Tablet: container padding

Onderdelen

Sleep de onderdelen in de gewenste volgorde.

Typography

Font family

Tekstkleur

Tekst uitlijning

Tekst grootte

Line height

Letter spacing

Links

Link kleur

Hover kleur

Headings

H2 grootte

H2 kleur

H3 grootte

H3 kleur

Knop

Uitlijning

Breedte

Knop tekst

Knop URL (demo)

Knop kleur

Tekstkleur

Hover kleur

Hover tekstkleur

Tekst uitlijning

Hover effect

Border radius

Radius TL

Radius TR

Radius BR

Radius BL

Padding Y

Padding X

Border width

Border style

Border color

Margin top/bottom

Shadows

Strook

Shadow X

Shadow Y

Blur

Spread

Shadow kleur

Opacity

Itemvak

Shadow X

Shadow Y

Blur

Spread

Shadow kleur

Opacity

Item

Shadow X

Shadow Y

Blur

Spread

Shadow kleur

Opacity

Afbeelding

Shadow X

Shadow Y

Blur

Spread

Shadow kleur

Opacity

Knop

Shadow X

Shadow Y

Blur

Spread

Shadow kleur

Opacity

Colors

Kleuren

Huisstijl 1

Huisstijl 2

Huisstijl 3

Huisstijl 4

Huisstijl 5

Huisstijl 6

Gradients

Gradient 1

Direction

Gradient 2

Direction

Gradient 3

Direction

Download

Naam voor strook

Class prefix

Add to public library

Export bevat: strip.html, strip.css, strip.js (leeg), config.json.