Paragraph

Elementet Paragraph låter dig lägga till textinnehåll på din sida och hjälper dig att förmedla information tydligt och effektivt. Oavsett om du lägger till beskrivningar, instruktioner eller allmänt innehåll ger Paragraph olika anpassningsalternativ som matchar din webbplats stil och förbättrar läsbarheten.

Lägga till en Paragraph

För att lägga till en paragraph på din sida drar och släpper du helt enkelt elementet Paragraph på önskad plats i redigerarens arbetsyta. När det är placerat kan du anpassa utseende, typsnitt och andra attribut efter dina designpreferenser.

📌Obs: En section och row måste läggas till först innan paragraph-elementet kan läggas till.

General Settings

Element Name

Du kan byta namn på standardnamnet eller titeln som visas högst upp på skärmen för enklare navigering när du skapar din funnel-sida.

Typography Type

Du kan välja det paragraph- eller innehållstypsnitt som tidigare valts i inställningarna, eller välja ett nytt typografitypsnitt från rullgardinsmenyn.

Mobile and Desktop Font Size

Du kan ändra teckenstorlek för mobil och skrivbord med storleksfält för varje text- eller innehållselement. Växla mellan mobil- och skrivbordsvy uppe till vänster i din funnel builder för att se hur dina ändringar ser ut på varje plattform.

Font Weight

Justera textens tjocklek genom att välja alternativ som Light, Normal, Thin, Medium, Bold eller Extra Bold.

Opacity

Du kan bestämma hur mycket din text/ditt innehåll ska fade:a i varje elementruta. Opaciteten varierar från None, Light, Half till Heavy fade.

Line Height

Du ökar höjden på Element-rutan genom att justera storleksfältet.

Text Transform

I Text Transform kan du välja att ändra texten till Uppercase, Lowercase eller bara kapitalisera varje ord.

Letter Spacing

Du kan bestämma hur stort avstånd du vill ha mellan bokstäverna genom att klicka på det här alternativet.

Color Options

• Background Color: För att ändra bakgrundsfärgen på din paragraph markerar du innehållet du vill justera och väljer önskad färg. 
• Color: När texten inte är i fet stil kan du bara justera färgerna här. 
• Link Text Color: Om du har en länk tillagd i det här elementet kan du bara redigera länkfärgen här. 
• Icon Color: Om en ikon är tillagd i det här elementet kan du bara redigera ikonfärgen här. Endast ikonfärgen ändras oavsett var den är placerad.

Om du inte hittar färgen du föredrar lägger du till egna färger genom att ange färgkoden och klicka på knappen ”add color”.

Icon

Du kan lägga till en ikon på din sida genom att välja bland tillgängliga ikoner. Om du redan vet vilken ikon du vill ha kan du skriva den i sökfältet för att begränsa alternativen.

Styles

Spacing Option

Det finns olika spacing-alternativ för att justera ditt innehåll. Beroende på vilket Edit-alternativ du arbetar med gäller inställningarna bara för det alternativet. Om du till exempel redigerar en viss Row (den BLÅ rutan) följer bara allt innehåll i den Rowen dina inställningar.

• Padding Left, Right, Top, and Bottom: Dessa fyra (4) olika fält flyttar innehållet åt vänster, höger, uppåt eller nedåt beroende på vilket fält du använder. 
• Margin Top and Bottom: Du kan justera den övre eller nedre marginalen för ditt innehåll genom att dra i fälten.
  

Border Options

• Border: Du kan välja vilken typ av border du vill ha. När du väljer någon av bordertyperna visas inställningarna för bordern.
  
• Border Style: Det finns tre (3) olika stilar för din border: Solid, Dashed eller Dotted.

• Border Width: När du ökar border width ökar borderens tjocklek.

• Border Color: För att ändra borderens färg klickar du på den här färgikonen.

• Border Radius: Genom att justera border radius rundas borderens kanter – ju högre värde du väljer, desto rundare blir den.

• Radius Edge: Du kan välja vilka hörn av bordern som ska rundas: all edges, Top only eller bottom edge only.
  

Text Align

Du kan flytta texten till olika positioner efter behov; du kan placera den till Left, Center, Right eller Justified.

Shadow

• Box Shadow: Lägg till en skuggeffekt på hela paragraph-elementet. Justera skuggans blur, spread och färg för att skapa djup.
  
• Text Shadow: Applicera en skuggeffekt på själva texten så att den sticker ut mot bakgrunden.

Visibility

Du kan göra den här sidan synlig på både skrivbord och mobil, och du kan också välja bara en av de två genom att klicka på den du vill aktivera.

Custom Class

För att lägga till en Custom Class fyller du bara i fältet Custom Class med önskat class-namn.

CSS Selector

Klicka på kopieringsikonen till höger om referensnumret du vill kopiera för att kopiera CSS Selector.

Animations

Entrance Animation

Lägg till en entrance animation på din paragraph så att den visas dynamiskt när sidan laddas. Välj bland effekter som Fade, Slide, Bounce och mycket mer för en mer engagerande användarupplevelse.

Genom att använda Paragraph Element kan du förbättra webbplatsens läsbarhet, anpassa textutseendet och optimera användarupplevelsen på olika enheter.