Smartbyrå.Hjelpesider.
Få gratis forslag

Avstand og luft

Forskjellen på en trang side og en proff side er sjelden innholdet – det er luften rundt det. Avstand er samme verb på alle nivåer: seksjon, kolonne og element. Noen få prinsipper tar deg langt.

Dialogen Avstand og høyde for en seksjon med knapperader for luft over og under innholdet og seksjonshøyde

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Velg seksjonen og trykk Avstand i kontekstlinja nederst. Dialogen «Avstand og høyde» har tre rader med knapper: Luft over innholdet og Luft under innholdet (Standard, Ingen, Liten, Normal, Stor – eller et eget tall i feltet til høyre) og Seksjonshøyde (Automatisk, Lav, Middels, Høy, Full skjerm). Høyden brukes mest til toppbildet. Endringene speiles i siden bak dialogen mens du velger, så du ser rytmen før du lagrer.

Avstand og høyde-dialogen med knapperadene for luft over, luft under og seksjonshøyde

Avstand per seksjon: luft over og under innholdet, og høyde – som knapper eller eget tall.

Samme verb på hvert nivå

Avstand finnes i kontekstlinja for alt du kan velge. For et element – en tekst, et bilde, en knapp – skiller dialogen mellom luft utenfor (over og under, som skyver naboene unna) og luft innenfor (topp, bunn, venstre, høyre – synlig når elementet har egen bakgrunn), og du kan gi mobil en egen verdi. For en kolonne er det viktigste feltet «Innvendig luft»: 0 fjerner all luft i en farget kolonne, så et bilde kan gå kant i kant. Under Flere valg i seksjonens dialog ligger luft på sidene og luft mellom seksjonene.

Seksjonens avstand (under Flere valg)

Under «Flere valg»
InnstillingHva den gjørStandard
Luft under seksjonen (utvendig)
Luft over seksjonen (utvendig)
Luft nederst (innvendig)
Luft til venstre (innvendig)
Luft til høyre (innvendig)
Luft øverst (innvendig)

Kolonnens avstand

Under «Flere valg»
InnstillingHva den gjørStandard
Innvendig luftBare 0 har virkning: fjerner all innvendig luft i en farget kolonne (kant-i-kant mot bildet).
Under «Alle innstillinger»
InnstillingHva den gjørStandard
Minste høydeLagres, men brukes ikke av visningen i dag – sett minste høyde på seksjonen.
Luft nederst (innvendig)Lagres, men brukes ikke av visningen i dag – juster luft på seksjonen eller modulene.
Luft til venstre (innvendig)Lagres, men brukes ikke av visningen i dag.
Luft til høyre (innvendig)Lagres, men brukes ikke av visningen i dag.
Luft øverst (innvendig)Lagres, men brukes ikke av visningen i dag – juster luft på seksjonen eller modulene.

Luft-elementet: et tomrom du kan sette inn

Trenger du et pusterom mellom to elementer i samme kolonne – mellom et sitat og knappen under – er det enklere å sette inn et Luft-element enn å regne på avstander: Mer → Nytt element etter → «Luft» under Grunnleggende. Dialogen har fire knapper – Liten, Middels, Stor, Ekstra – og et eget tall. Fordelen er at tomrommet er synlig og flyttbart som alt annet.

Luft-elementet

Vises med en gang
InnstillingHva den gjørStandard
Høyde16 liten, 32 middels, 64 stor, 120 ekstra.32 px

Tre prinsipper som alltid virker

1. Vær konsekvent. Samme avstand mellom alle seksjoner gir rytme; tilfeldige avstander gir uro – selv om ingen kan peke på hvorfor. Bruk knappene (Liten, Normal, Stor) heller enn egne tall, så holder verdiene seg like. 2. Luft viser viktighet. Det som har rom rundt seg, ser viktig ut: gi kort og knapper plass i stedet for å krympe dem. 3. Mer luft, ikke mindre. Er du i tvil, øk avstanden – trangt føles billig, luftig føles gjennomarbeidet.

Mobilen er lakmustesten

Luft som ser romslig ut på PC, kan bli lange tomme strekk på mobil – og motsatt. Sjekk alltid begge etter justering: «Se siden» nede til høyre, og åpne siden på telefonen. Elementenes Avstand-dialog har egen mobilverdi nettopp for dette. Overganger med kantformer trenger litt ekstra rom for at formene skal få virke, og kolonner som stables på mobil trenger luft mellom seg.

Sist oppdatert 9. september 2026

← Alle artikler om seksjoner og oppsett