Guider/Skapa innehåll/Design/Justera bredden på kolumner

Justera bredden på kolumner

Du kan använda kolumner för att arrangera innehåll i strukturerade layouter, som gör din webbplats visuellt tilltalande och enkel att navigera. I den här guiden får du lära dig hur du ändrar bredden på enskilda kolumner och ändrar bredden på hela uppsättningen med kolumner.

Ange en enskild kolumnbredd

Gör så här om du vill ange olika bredder för enskilda kolumner:

  1. Välj en enskild kolumn antingen genom att använda Listvy eller verktygsfältet för block. Det är ofta enklare att använda listvyn, som du hittar genom att klicka på ikonen med tre horisontella linjer högst upp till vänster på skärmen.
  2. Hitta ett enskilt kolumnblock här och klicka på det:
En lista över block med ett block med en enskild kolumn vald.
  1. I inställningarna för kolumnblocket på höger sida av skärmen hittar du inställningen för bredd:
Alternativet bredd är markerat och 33 % visas.
  1. Här kan du ange ett värde för bredden. Om enheten har angetts till px (pixlar) är det ofta enklare att ställa in den på % (procent) istället. Vanliga konfigurationer för bredd på kolumner inkluderar:
    • Två kolumner med samma bredd (50 %, 50 %)
    • Tre kolumner med samma bredd (33 %, 33 %, 33 %)
    • En bredare kolumn och en smalare kolumn (66 %, 33 %)
    • En större kolumn i mitten med två mindre kolumner på vardera sidan (25 %, 50 %, 25 %)
  2. Klicka på knappen ”Spara” för att spara dina ändringar.

Justera den totala kolumnbredden

Gör så här för att ändra bredden på en hel uppsättning kolumner:

  1. Välj Listvy högst upp till vänster i redigeraren.
  2. Hitta blocket Kolumner här och klicka på det:
En lista över block, med Kolumner markerade.
  1. I verktygsfältet som visas ovanför eller under den markerade kolumnen väljer du alternativet Bredd (alternativet ser ut som ett rektangulärt block med en horisontell linje under):
  1. Välj mellan ”Ingen” , ”Bred bredd” eller ”Full bredd”. Alternativen visas endast om ditt tema stöder det.

Storleken på dessa breddvärden bestäms av ditt tema. Besök vår guide om att ändra bredden på innehållet om du vill ha mer information.

Justera bredden på block inuti en kolumn

Använd layoutinställningarna för de individuella Kolumnblocken för att styra bredden och positionen för block inuti en kolumn:

När alternativet ”Inre block använder innehållsbredd” är inaktiverat kommer block inuti kolumnen att fylla bredden på kolumnen.

Aktivera alternativet ”Inre block använder innehållsbredd” om du vill ha mer kontroll över bredden på de inre blocken. Du kan sedan ange bredden på de inre blocken med hjälp av följande alternativ:

  • Innehåll: Bredden på innehållsområdet för block som inte är inställda på bred bredd eller fullbredd.
  • Bred: Bredden på innehållet för block som är inställda på bred bredd.

Du kan använda inställningen Justering för att vänsterjustera, högerjustera eller centrera de inre blocken i kolumnen.

Inställningar för kolumnblock.
Copied to clipboard!