Hopp til hovedinnhold

Slik endrer du farger og design

Den manuelle editoren gir deg full kontroll over det visuelle uttrykket til hvert element. Du kan justere farger, bakgrunner, kanter, skygger og mer.

Tilgjengelige designverktøy

1

Velg elementet du vil style

Klikk på «Velg element» og klikk på elementet du vil endre utseendet på.
2

Bruk verktøyene i panelet

Avhengig av elementtypen får du tilgang til ulike designverktøy:

Tekstfarge

Endre fargen på tekst i overskrifter, avsnitt og knapper. Bruk fargevelgeren eller skriv inn en fargekode (f.eks. #333333).

Bakgrunnsfarge

Endre bakgrunnsfargen på seksjoner, bokser og andre elementer. Perfekt for å skape kontrast eller fremheve viktig innhold.

Gradient

Lag en gradvis fargeovergang (gradient) som bakgrunn. Skriv inn en CSS-gradient eller bruk fargevelgerne.

Kant (border)

Legg til eller endre kanter rundt elementer. Du kan justere tykkelse, stil og farge. For eksempel: 1px solid #E5E7EB gir en tynn, lys grå kant.

Avrundede hjørner

Gjør hjørnene på elementer runde. Verdien settes i piksler (0–50px). Høyere verdi = rundere hjørner.

Skygge

Legg til en skyggeeffekt for å gi dybde. Velg mellom forhåndsdefinerte stiler eller lag din egen.

Gjennomsiktighet (opacity)

Juster gjennomsiktigheten til et element fra helt synlig (1) til usynlig (0).

Typografi

Du kan også justere skriftinnstillinger for tekstelementer:

Skriftstørrelse

Endre størrelsen på teksten (8–100px).

Skriftvekt

Gjør teksten tynnere eller tykkere (lys, normal, halvfet, fet osv.).

Tekstfarge

Velg en farge fra fargevelgeren eller skriv inn en heksverdi.

Tips for godt design

Bruk de samme fargene gjennom hele nettsiden. Velg 2–3 hovedfarger og hold deg til dem.
Tekst bør ha god kontrast mot bakgrunnen. Mørk tekst på lys bakgrunn (eller omvendt) er alltid trygt.
Ikke bruk for mange forskjellige farger, skygger eller effekter. Et rent og enkelt design ser mer profesjonelt ut.