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
Har detta besvarat din fråga? Tack för din feedback Det uppstod ett problem vid inlämningen av din feedback. Försök igen senare.

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