Rows

Rows är utmärkta funktioner för att strukturera ditt innehåll och skapa visuellt tilltalande layouter. Genom att dela upp sidan i rows 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 den flexibilitet som behövs för att anpassa ditt innehåll efter dina behov. Låt oss utforska hur du lägger till och anpassar rows för att förbättra sidans struktur och estetik.

Lägga till en Row

För att lägga till en row på din sida klickar du på knappen ”+” längst upp till vänster i din redigerare. Välj “Rows” från menyn. 

Välj önskad kolumnlayout bland de tillgängliga alternativen. Den valda rowen visas i din arbetsyta, markerad med en blå kant för att ange dess gränser.

Härifrån kan du börja lägga till element och anpassa din layout. Rows är mycket mångsidiga – du kan skapa flera rows inom en sektion eller lägga till olika element i en och samma row. Den här flexibiliteten låter dig designa sidor som både är funktionella och visuellt engagerande.

General Settings

Element Name

Varje row kan tilldelas ett unikt namn för enklare navigering och organisering. Standardnamnet visas högst upp i redigeraren, men du kan byta namn så att det bättre speglar dess syfte eller innehåll.

Width

Styr storleken på din row genom att justera dess bredd, som kan vara från 30 % till 100 %. En bredd på 100 % innebär att rowen spänner över hela sektionen, medan mindre bredder möjliggör mer kreativa layouter.

Align

Om din rows bredd är mindre än 100 % kan du justera dess justering inom sektionen. Välj att positionera den till vänster, höger eller centrerat för att säkerställa att ditt innehåll är balanserat och visuellt tilltalande.

Background Color

Anpassa bakgrundsfärgen på din row genom att välja en färg från paletten eller ange en egen färgkod. Den här funktionen låter dig skapa en sammanhängande design som matchar ditt varumärke eller sidans tema.

BG Media Type

Inställningen BG Media Type låter dig välja mellan Image- eller Video-bakgrund för din row. Image-bakgrunder är bra för statiska designs, medan video-bakgrunder ger dynamisk rörelse. Den här funktionen hjälper dig att skapa rätt visuell ton för ditt innehåll.

BG Media

I inställningen BG Media laddar du upp eller väljer din bakgrundsbild eller video. Du kan justera positionering, storlek och upprepningsinställningar så att de passar din row perfekt. En välvald bakgrund förstärker rows visuella attraktionskraft och engagemang.

Style Settings

Margin and Padding

Justera avståndet runt och inom din row med inställningarna för margin och padding. Margin styr utrymmet utanför rowen, medan padding justerar utrymmet mellan rows kant och dess innehåll. De här inställningarna hjälper dig att finjustera layouten för optimal läsbarhet och design.

Border

Välj en kanttyp för att framhäva din row. När du har valt någon av kanttyperna visas inställningarna för kanten.

Konfigurera:

1. Border Style: Border style definierar linjen runt din row och erbjuder tre alternativ: solid, dashed eller dotted.
2. Border Width: Border width styr tjockleken på kanten.
3. Border Color: Border color låter dig välja en nyans som kompletterar din design. Du kan använda egna färgkoder för precisionsanpassning.
4. Border Radius: Border radius rundar kanterna på din row och mjukar upp utseendet. Ju större radie, desto rundare blir kanten
5. Radius Edge: Radius edge låter dig välja vilka hörn som ska rundas. 

Box Shadow

Det här lägger till djup genom att tillämpa en skugga runt Row.

Visibility

Styr hur din row visas på olika enheter. Du kan välja att göra den synlig på desktop, mobile eller båda, så att ditt innehåll är optimerat för varje plattform.

Custom Class

Förbättra din rows funktionalitet och utseende genom att lägga till en custom class. Den här funktionen låter dig tillämpa unik styling eller beteende med egen CSS-kod. Ange helt enkelt önskat class-namn i det avsedda fältet.

CSS Selector

Kopiera enkelt CSS Selector för din row för att tillämpa egna stilar eller ändringar. Hitta kopieringsikonen bredvid elementets referensnummer och klicka för att kopiera koden till urklippet.

Genom att utnyttja deras anpassningsalternativ – från justering och avstånd till kanter och skuggor – kan du designa layouter som både är funktionella och estetiskt tilltalande. Oavsett om du organiserar innehåll i kolumner eller experimenterar med avancerade inställningar ger rows den flexibilitet och kontroll som behövs för att förverkliga din kreativa vision.