Tilpasset CSS

Merk: Egendefinert css regnes som avansert redigering og kan lett ødelegge butikken din - på måter du aldri hadde forestilt deg - hvis det brukes feil. Denne hjelpeartikkelen er derfor bevisst vag.

Vi anbefaler at nybegynnere holder seg til inline / span-alternativet.


Du kan bruke tilpasset CSS på fem måter

  • <style>

    .h1 {

    farge: rød;

    }

    </style>

    i HTML-redigering

  • element: inline span-stiltag i html-redigering
  • lokalt (én side): stil-tag i html-redigering, via"Statisk tekst" (nesten overalt) eller "Egendefinert kode"-felt (kun destinasjonsside)
  • global: style-tag i egendefinert bunntekst ("Admin" > "Innstillinger" > "Mal" -> "Meny og bunntekst")

  • generelt: legg inn lenken til stilarket ditt i den tilpassede bunnteksten

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


Eksempel på inline span-stiltag:

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



Hvor du finner html-redigeringsprogrammet

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


Tips

  • Kopier/lagre koden din ofte (i en annen app). Det finnes ingen angre-knapp eller historikk, og tapte redigeringer/kode kan ikke gjenopprettes
  • "Inspect", "Inspect element" osv. er din venn
  • Hvis du velger å bruke "Egendefinert bunntekst", må du være oppmerksom på at all kode slettes hvis du deaktiverer boksen

Trenger du fortsatt hjelp? Kontakt oss Kontakt oss