Hero som Content block

Theme farge må velges og Enable shape må krysses for

Call-to-Action

Hero som Content block

Theme farge må velges og Enable shape må krysses for

Call-to-Action

Mer info om Hero i Content block

Bilde:

Bildet størrelse: 2500x500 pixler
Mobile 4:3

Tekst:

H1 for overskrift
Ingress evt. H3 for underovertekst/tittel

Content appearance - Desktop
Default width: 800
Kan settes lavere (f.eks. 600) om teksten blir for lang med 800.

Call-to-Action:

Mulighet for CTA
Med Petrol Green bakgrunn så bruk "Contrast light" (som over)

Display as:

Auto - default er 100% of browser

Mer info om Hero i Content block

Bilde:

Bildet størrelse: 2500x500 pixler
Mobile 4:3

Tekst:

H1 for overskrift
Ingress evt. H3 for underovertekst/tittel

Content appearance - Desktop
Default width: 800
Kan settes lavere (f.eks. 600) om teksten blir for lang med 800.

Call-to-Action:

Mulighet for CTA
Med Petrol Green bakgrunn så bruk "Contrast light" (som over)

Display as:

Auto - default er 100% of browser

Tekst og bilde muligheter

Legg inn bilde og plasser bilde til "Left" eller "Right" for Desktop og "Top" eller "Buttom" for Mobile.

Background color må settes inn: For Petrol Green skriv: #004043 For Sand skriv: #D4C0A1 For Pink skriv: #CD979F For Turkis skriv: #B4D7D1

På Petrol Green så må teksten markeres og forandres til Hvit, dette gjøres i tekst editoren.

Display blocken as 100% of grid for Desktop.

Bestill time

Tekst og bilde muligheter

Legg inn bilde og plasser bilde til "Left" eller "Right" for Desktop og "Top" eller "Buttom" for Mobile.

Background color må settes inn: For Petrol Green skriv: #004043 For Sand skriv: #D4C0A1 For Pink skriv: #CD979F For Turkis skriv: #B4D7D1

På Petrol Green så må teksten markeres og forandres til Hvit, dette gjøres i tekst editoren.

Display blocken as 100% of grid for Desktop.

Bestill time

Turkis bakgrunn

Legg inn bilde og plasser bilde til "Left" eller "Right" for Desktop og "Top" eller "Buttom" for Mobile.

Background color må settes inn: For Petrol Green skriv: #004043 For Sand skriv: #D4C0A1 For Pink skriv: #CD979F For Turkis skriv: #B4D7D1

På Petrol Green så må teksten markeres og forandres til Hvit, dette gjøres i tekst editoren.

Display blocken as 100% of grid for Desktop.

Turkis bakgrunn

Legg inn bilde og plasser bilde til "Left" eller "Right" for Desktop og "Top" eller "Buttom" for Mobile.

Background color må settes inn: For Petrol Green skriv: #004043 For Sand skriv: #D4C0A1 For Pink skriv: #CD979F For Turkis skriv: #B4D7D1

På Petrol Green så må teksten markeres og forandres til Hvit, dette gjøres i tekst editoren.

Display blocken as 100% of grid for Desktop.

⭐️⭐️⭐️⭐️⭐️

Tekst i full screen

Her: Theme Sand - Under Content appearance - Desktop: sett Horizontal alignment til: Center.
Max width er default 800, denne kan justeres ned for kortere linjer. Her er den satt til 500

Display as 100% of browser på desktop

⭐️⭐️⭐️⭐️⭐️

Tekst i full screen

Her: Theme Sand - Under Content appearance - Desktop: sett Horizontal alignment til: Center.
Max width er default 800, denne kan justeres ned for kortere linjer. Her er den satt til 500

Display as 100% of browser på desktop

Video i Content block

Mer info om Video i Content block

Legg inn url til YouTube video i Video feltet.

Display as:

Desktop: 33% (som over) eller 50% eller 67% of grid
Mobil og Tablet: Auto som er default

Mer info om Video i Content block

Legg inn url til YouTube video i Video feltet.

Display as:

Desktop: 33% (som over) eller 50% eller 67% of grid
Mobil og Tablet: Auto som er default

Tekst i Content block

Dette er Ingress. Dette er Ingress. Dette er Ingress. Dette er Ingress.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading H3

Heading H2

Heading H3

Mer info om Tekst i Content block

Bruk uformatert tekst, ikke lim inn tekst med masse kode.
Formatert tekst i editoren.
Siden skal ha kun 1 H1
H2 for hver ny overskrift eller seksjon.
H3 for under overskrift
Content appearance - Desktop blir automatisk satt til 800.
På artikkel sider med tekst over bilde kan den endres til 1100. Da blir tekstspalten bredere.

Display as:

Auto - default er 100% of browser

Mer info om Tekst i Content block

Bruk uformatert tekst, ikke lim inn tekst med masse kode.
Formatert tekst i editoren.
Siden skal ha kun 1 H1
H2 for hver ny overskrift eller seksjon.
H3 for under overskrift
Content appearance - Desktop blir automatisk satt til 800.
På artikkel sider med tekst over bilde kan den endres til 1100. Da blir tekstspalten bredere.

Display as:

Auto - default er 100% of browser

Bilde i Content block

Mer info om Bilde i Content block

Display as:

Desktop "67% of grid" (som over), alternativ "50% of grid"
Mobil og Tablet: Auto som er default

Mer info om Bilde i Content block

Display as:

Desktop "67% of grid" (som over), alternativ "50% of grid"
Mobil og Tablet: Auto som er default