Rows

Rows är utmärkta för att strukturera ditt innehåll och skapa visuellt tilltalande layouter. Genom att dela upp sidan i rader kan du enkelt organisera element i kolumner och säkerställa en ren och professionell design. Oavsett om du bygger en enkel sida eller en komplex layout ger rows flexibilitet att anpassa innehållet efter dina behov. Låt oss utforska hur du lägger till och anpassar rows.

Adding a Row

För att lägga till en rad på sidan klickar du på +-knappen uppe till vänster i editorn. Välj Rows från menyn.

Välj önskad kolumnlayout bland alternativen. Den valda raden visas i arbetsytan med blå kant som markerar gränserna.

Härifrån kan du börja lägga till element och anpassa layouten. Rows är mycket flexibla—du kan skapa flera rader inom en sektion eller lägga till olika element i en enda rad.

General Settings

Element Name

Varje rad kan tilldelas ett unikt namn för enklare navigering och organisation. Standardnamnet visas högst upp i editorn, men du kan byta namn.

Width

Styr radens storlek genom att justera bredden, från 30 % till 100 %. 100 % innebär att raden spänner över hela sektionen.

Align

Om radens bredd är mindre än 100 % kan du justera alignment inom sektionen: left, right eller center.

Background Color

Anpassa bakgrundsfärgen genom att välja färg från paletten eller ange en anpassad färgkod.

BG Media Type

BG Media Type låter dig välja Image eller Video som bakgrund.

BG Media

I BG Media laddar eller väljer du bakgrundsbild eller -video och justerar position, storlek och repeat.

Style Settings

Margin and Padding

Justera avstånd runt och inom raden med margin och padding.

Border

Välj kanttyp för att markera raden.

Konfigurera:

1. Border Style: solid, dashed eller dotted.
2. Border Width: styr kantens tjocklek.
3. Border Color: välj färg.
4. Border Radius: rundar kanterna.
5. Radius Edge: välj vilka hörn som ska rundas.

Box Shadow

Detta ger djup genom skugga runt Row.

Visibility

Styr hur raden visas på olika enheter: desktop, mobile eller båda.

Custom Class

Förbättra radens funktionalitet och utseende med custom class.

CSS Selector

Kopiera CSS Selector för raden via kopieringsikonen.

Genom att utnyttja anpassningsalternativen—från alignment och spacing till borders och shadows—kan du designa layouter som är både funktionella och estetiskt tilltalande.