Hoppa till huvudinnehåll

Anpassa designen för en sektion

Anpassa designen för en sektion

Du kan ändra utseendet på en sektion utan att behöva ändra innehållet i den. Med inställningarna för Anpassa sektion kan du bland annat ändra bakgrundsfärg, lägga till färgövergångar, formavdelare och animationer.

Öppna designinställningarna

  1. Hovra över den sektion som du vill ändra.

  2. Klicka på Anpassa sektion till vänster.

  3. Inställningarna för sektionens utseende öppnas.

    Screenshot 2024-07-08 at 10.52.16.png

Ändra bakgrundsfärg

  1. Öppna Anpassa sektion.

  2. Välj en färg från färgpaletten.

  3. Bakgrunden uppdateras direkt.

    2024-07-08 10.53.07.gif

Textfärgen anpassas automatiskt för att behålla god läsbarhet mot den valda bakgrundsfärgen.

Lägg till en färgövergång

Du kan använda en gradient i stället för en enfärgad bakgrund.

  1. Öppna Anpassa sektion.

  2. Välj ett av de tillgängliga gradientalternativen.

  3. Gradientbakgrunden visas direkt på sektionen.

    2024-07-08 11.08.26.gif

Lägg till en formavdelare

En formavdelare skapar en visuell övergång mellan två sektioner.

  1. Öppna Anpassa sektion.

  2. Välj en form för avdelaren.

  3. Anpassa färgen så att den passar ihop med nästa sektion.

    2024-07-08 11.10.35.gif

Formavdelaren placeras längst ner på sektionen.

Lägg till en animation

Du kan lägga till en animation som visas när besökaren scrollar fram till sektionen.

  1. Öppna Anpassa sektion.

  2. Välj en animationstyp.

  3. Välj mellan:

    • Fade – innehållet tonas in.

    • Slide – innehållet glider in i vyn.

      2024-07-08 11.17.41.gif

Animationen aktiveras automatiskt när besökaren scrollar till sektionen.

Vanliga frågor

Påverkar designinställningarna innehållet i sektionen?
Nej. Inställningarna ändrar sektionens utseende, men inte dess innehåll eller widgets.

Kan jag ändra bakgrundsfärgen utan att ändra textfärgen manuellt?
Ja. Textfärgen anpassas automatiskt för att behålla god läsbarhet mot bakgrunden.

Behöver jag kunna koda för att ändra designen?
Nej. Du kan göra ändringarna direkt i Sitebuilder utan att använda kod.

Fick du svar på din fråga?