Hoppa till huvudinnehåll

Ändra designen i ett block

Blocken går alla att ändra individuellt med färger, typsnitt, animation mm. Blocket frikopplas då från "utseende".

Uppdaterad för mer än 9 månader sedan

För att ändra designen på ett block, för musen över blocket så dyker en mer-knapp upp i blockets nedre högra hörn (en ikon med tre prickar på).

Beroende på vilket block du vill justera så har designern för just det blocket satt upp de möjligheter till redigering som går att göra. Blocken kan alltså ha lite olika möjligheter. Här nedan nämns några av standardinställningarna.

Ändra färg

Det går att styra flera olika färger på varje block. T.ex. för bakgrund, länkar, overlay på bilder, linjer och ikoner. Genom att klicka på färg-ikonen till höger om texten öppnas en färgväljare där textfärg och transparens kan väljas. Det går även att skriva in en färdig färgkod i hex, rgba eller hsla.

Bakgrundens färg som väljs på ett block sträcker sig hela vägen ut, 100% av webbläsarens bredd.

Typsnitt

De flesta block har följande varianter av typsnitt som kan ställas in:

  • Rubrik 1, vilket motsvarar html-taggen h1

  • Rubrik 2, vilket motsvarar html-taggen h2

  • Rubrik 3, vilket motsvarar html-taggen h3

  • Text, vilket motsvarar html-taggen p

  • Ingress, vilket motsvarar html-taggen h4

  • Minitext, vilket motsvarar html-taggen h5

Genom att klicka på färg-ikonen till höger om texten öppnas en färgväljare där textfärg och transparens kan väljas.

Klicka på typsnittets namn för att ändra font, storlek, vikt, radavstånd och kerning.

I Snowfire har du tillgång till alla Google Fonts. För att få en snabb förhandsvisning av typsnitten kan du besöka Google Fonts hemsida.

Det är möjligt att implementera andra typsnitt på hemsidan, t.ex. *Adobe Fonts*. Kontakta din designer eller supporten för vidare hjälp med detta.

Knapp

För varje block kan du ställa in hur knapparna i just det blocket ska se ut, med färg, typsnittsstorlek och om de ska vara med en ikon eller inte. Det går även att toggla på /av knappar i de olika blocken.

Marginal

För att ställa in avståndet mellan olika block på sidan kan du justera blockets marginal. Både i blockets topp och botten. Marginalen är inuti blocket och följer därför blockets bakgrundsfärg.

Val

Ett block kan ha ett eller flera valmöjligheter. Det kan t.ex. vara att välja mellan avrundade/raka hörn, centrera innehåll och att aktivera/avaktivera animeringar.

Animation

Med en knapp (toggle) går det att styra om blocket ska ha animation eller inte. Här är det blockets skapare som har ställt in hur den eventuella animationen beter sig. Det går att styra globalt för hela webbsidan om animationer ska vara på eller av under [[Utseende]]. När animation sätts på eller stängs av på ett enskilt block gäller den inställningen istället för det globala beteendet.

Återställ design för ett block

När ett block får egna designinställningar, t.ex. byte av typsnitt eller färg så frikopplas blocket från de globala inställningarna för utseende. För att återställa detta, så att de globala inställningarna tar över blocket, öppna blockets designinställningar så finns möjligheten att välja "Återställ ändringar" längst ner.

När du är färdig med designinställningarna, klicka på "Spara" längst upp. Glöm inte publicera sidan för att ändringarna ska synas för besökare.

Fick du svar på din fråga?