Skip to Content

Innehållsblock

Rubriker:

Det här är en rubrik (h2)

Det här är en rubrik (h3)

Det här är en rubrik (h4)


Stycke:

Eni conesse roviderum rempori offic tem. Ut aspere voles ab in por si omnia vendae pro molorestrunt aut essum as acepe volupient.Viditia quia non re net landis con cum expe ratur? Quia consenis eictate ctotam.


Lista:

  • Lista
  • Lista
  • Lista
  • Lista
KolumnrubrikKolumnrubrikKolumnrubrik
InnehållInnehållInnehåll
InnehållInnehållInnehåll

Knappar:


Citat:

Det här är själva citatet

Och det här är den som sa det

Vanlig bild:


Bred bild (lägg till klass .wide på blocket):


Galleri:


Inbäddning:

Bildtext kan sättas på flera olika element som t.ex. bilder, video och tabeller.

Layoutblock

Kolumnblocket kan bestå av 1–6 kolumner och i dessa kan du infoga de flesta vanliga innehållsblock enligt ovan. Du kan också styra bredd på resp kolumn (px eller %).

Här kan du lägga till vanliga innehållsblock (se ovan)

Här kan du lägga till vanliga innehållsblock (se ovan)

Här kan du lägga till vanliga innehållsblock (se ovan)


Distansblock (spacer)


CSS-klasser

Vi har skapat några anpassade css-klasser som du kan använda för att påverka utseendet på vissa block:

KlassnamnBeskrivning
.wideGör elementet bredare än innehållsspalten, lämpligt för t.ex. bilder eller gallerier
.contact-cardGer behållaren en orange ram varav den vänstra är lite bredare. Se t.ex. kontaktkorten på Kontakt-sidan
.hide-mobileOm du vill dölja ett objekt i mobilvy (under 768 px)
.nomargTar bort marginaler på objekt
PaddingSystem för att anpassa padding på objekt enligt följande princip:
p = padding
a = all
t = top
r = right
b = bottom
l = left
s = small
m = medium
l = large

Exempel:
.pam = Padding All Medium (mediumpadding på alla sidor
.ptl = Padding Top Large (stor padding endast upptill)
© 2023 IR. All rights reserved • Integrity and cookies.