Background

Man kan redigera bakgrunden på en sida på några olika sätt. Dels kan man lägga in en bild som bakgrund, eller så kan man lägga in en färg eller toningar mellan flera färger. Utöver detta kommer sedan likartade möjligheter att designa de ovanpåliggande rutorna med innehåll (Fliken Content). Kombinationer av detta öppnar upp mycket varierande möjligheter att förändra sidornas design, utseende och känsla. Man kan behöva experimentera en del innan man hittar rätt design.

• Background image
  Här kan man ladda upp och välja mellan uppladdade bilder att ha som bakgrundsbild. Klicka på Select för att öppna Background image picker.
• Background repeat
  Om inget anges så repeteras normalt bakgrundsbilder på webbsidor, ungefär som tegelpannorna på ett tak. Här kan man ställa in hur denna repetition ska ske, i x-led, i y-led, i båda eller ingen alls.
• Background attachment
  Avgör om bakgrundsbilden följer med vid scrollning (Scroll) eller om den ligger kvar (Fixed).
• Horizontal position
  Bakgrundsbildens horisontella position. Anges i pixlar (px), procent (%) eller andra giltiga enheter.
• Vertical position
  Bakgrundsbildens vertikala position i desktop-läge. Anges i pixlar (px), procent (%) eller andra giltiga enheter.
• Vertical position mobile
  Bakgrundsbildens vertikala position i mobil-läge. Anges i pixlar (px), procent (%) eller andra giltiga enheter
• Background size
  Bakgrundbildens storlek. Bredd och höjd kan anges i pixlar (t ex 400px 500px), procent (%) eller andra giltiga enheter. Man kan också ange fasta värden som "auto", "cover", "contain" m fl. Cover anpassar bakgrundsbilden dynamiskt så att den täcker hela sidans yta.
• Background color
  Ett tryck på Create under background color öppnar upp "Background designer", som är ett verktyg för att skapa färgtoningar av olika slag. Se Panel > Tools > Background designer för mer info om hur den fungerar. När man använt Background designer genereras en kod i fältet bredvid, som representerar den skapade färgtoningen. Den kan t ex se ut så här: linear-gradient(58deg, rgba(208,208,208,1) 0%, rgba(64,64,64,1) 100%). Den genererade färgtoningen gäller för hela sidans bakgrundsyta mellan sidhuvudet och sidfoten.
• Page background color
  Ett tryck på Create under background color öppnar upp "Background designer", som är ett verktyg för att skapa färgtoningar av olika slag. Se Panel > Tools > Background designer för mer info om hur den fungerar. När man använt Background designer genereras en kod i fältet, som representerar den skapade färgtoningen. Den kan t ex se ut så här: radial-gradient(ellipse farthest-corner at 31% 50%, rgba(215,25,32,1) 0%, rgba(216,223,202,1) 100%). Den genererade färgtoningen gäller mellan sidhuvud och sidfot. Om både Background color och Page background color är definierade visas Page background color ovanpå Background color som då endast syns på sidorna till vänster och höger om sidan.
• Page shadow
  Ett tryck på Create öppnar upp "Shadow creator", som är ett verktyg för att skapa skuggor. Se Panel > Tools > Shadow creator för mer info. När man använt Shadow creator genereras en kod i fältet bredvid, som representerar den genererade skuggan. Den kan t ex se ut så här: 0px 0px 17px 12px #ffffff. Den genererade skuggan gäller för samma yta som Page background color mellan sidhuvudet och sidfoten. Skuggan visas utanför yta.