Anpassad CSS

Observera: Anpassad css betraktas som avancerad redigering och kan lätt förstöra din butik - på sätt du aldrig kunnat föreställa dig - om den används fel. Denna hjälpartikel är därför avsiktligt vag.

Vi föreslår att nybörjare håller sig till alternativet inline / span.


Du kan använda anpassad CSS på fem olika sätt

  • <style>

    .h1 {

    färg: röd;

    }

    </style>

    vid redigering av HTML

  • element: inline span stiltagg i html-redigering
  • lokalt (en sida): style-tag i html-redigering, via"Static Text" (nästan överallt) eller "Custom Code"-fält (endast landningssida)
  • global: style-tagg i anpassad sidfot ("Admin" > "Inställningar" > "Mall" -> "Meny & sidfot")

  • Allmänt: Lägg till länken till din stilmall i den anpassade sidfoten

    <link rel="stylesheet" href="url-to-your-stylesheet.css">


Exempel på stiltagg för inline span:

<p><span style="font-size:3rem;color:red;background-color:goldenrod;">This is a text</span></p>



Var hittar jag html-editorn?

Whenever you see this toolbar the <> on the right opens the html-editor


Tips

  • Kopiera/spara din kod ofta (i en annan app). Det finns ingen ångra-knapp eller historik, och förlorade redigeringar/kod kan inte återställas
  • "Inspektera", "Inspektera element" etc. är din vän
  • Om du väljer att använda "Custom footer", tänk på att all kod raderas om du avaktiverar rutan

Behöver du fortfarande hjälp? Kontakta oss Kontakta oss på