Fact box list

Du kan bruge content elementet 'Fact box list' til at sætte en eller flere faktabokse ind i en liste. Dine faktabokse kan sættes op i en eller to kolonner.

Trin 1

  1. Start med at stille dig i ‘Page’-modulet.
  2. Vælg den side i sidetræet, hvor du vil sætte ‘Fact box list’ ind.
  3. Tryk på ‘+ Create new content’.

Trin 2

  • Klik på ‘Fact box list’ under fanen ‘Lists and cards’ for at sætte content elementet ind.

Trin 3

  • Start med at give content elementet en overskrift i feltet ‘Header’.
  • Vælg, om overskriften skal være synlig i frontend eller ej under ‘Visible in frontend’.

Trin 4

Når du har givet ‘Fact box list’ en overskrift, skal du kigge på felterne:

  1. ‘Set layout for fact box list’: Hvor mange kolonner skal dine faktabokse stå i?
    1. Vælg mellem ‘1 column’, ‘2 columns’, ‘2 columns wide’ og ‘3 columns’.
  2. ‘Decoration for fact boxes’: Skal faktaboksene have dekorationer eller ej?
    1. Hvis ja, vælg mellem ‘With icons’ eller ‘With numbers’.
  3. ‘Background colour for fact boxes’: Hvilken baggrundsfarve skal content elementet have?
    1. Vælg mellem ‘Light colour’, ‘Semi light colour’, ‘Semi dark colour’, ‘Dark colour’, ‘Light grey colour’ eller ‘White colour’.

Trin 5

  • Tryk på ‘+ Add fact box’ for at tilføje en faktaboks til content elementet.

Trin 6

For hver faktaboks, der skal være i din liste, skal du kigge på felterne:

  1. ‘Fact box header’: Giv boksen sin egen overskrift.
  2. ‘Fact box icon’: Vælg, om faktaboksen skal have et ikon i frontend.
  3. ‘Fact box text’: Skriv den tekst, der skal stå i den enkelte faktaboks.
  • Under ‘Fact box text’ har du mulighed for at sætte et billede ind i faktaboksen. Det gør du under ‘Add image’ under ‘Fact box image (optional)’.

Eksempler på fact box lister:

Fact box list i 1 kolonne

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list i 2 kolonner

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus. 

Fact box list i 2 kolonner bred

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus.

Fact box list med ikon i 3 kolonner

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus. 

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus. 

Fact box list med nummerikon i 2 kolonner

1

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

2

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus.

Fact box list med billeder i 3 kolonner

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus.

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list med billeder i 2 kolonner bred

Fact box list header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.

Fact box list header

Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus.

Fact box list med tekst links i 2 kolonner