Egendefinert CSS

Veiledning Alle planer 2 min lesing

Bruk Stilark / CSS når innstillinger, skrifttyper og farger ikke dekker det du trenger – en spesiell hover-effekt, skriftstørrelsen på ett element eller en liten temajustering. CSS-en lagres med menyen og legges til i butikken når du publiserer.

Merknad

Egendefinert CSS krever grunnleggende CSS-kunnskap. Vil du helst slippe å skrive kode, kan du kontakte oss – vi hjelper gratis med små stilendringer.

Legg til egendefinert CSS

1. Åpne fanen Avansert

   Klikk ikonet Avansert (</>) i det venstre sidefeltet i menyredigeringen (1).

   

   Åpne fanen Avansert (1) og skriv CSS-en din i Stilark / CSS (2).

2. Legg til CSS-en din

   Skriv eller lim inn CSS-en din i Stilark / CSS (2), i stedet for plassholderen //enter css custom here.

3. Lagre og publiser

   Klikk Lagre, deretter Publiser. Oppdater butikken med tømt hurtigbuffer (hard refresh) for å se resultatet.

Treff de riktige elementene

CSS-en legges til på siden som den er og er ikke begrenset til denne menyen, så avgrens velgerne dine:

• Alle menyer – start med .gm-menu.
• Én meny – start med .gm-menu-<ID>. Du finner ID-en ved å høyreklikke menyen i butikken og velge Inspiser.
• Ett element – gi elementet et Ekstra klassenavn i delen Avansert i innstillingene for elementet (se Rediger et menyelement), og bruk deretter den klassen.

Hvis du for eksempel vil gjøre et element med det ekstra klassenavnet sale-item fet og rødt:

.gm-menu .sale-item > .gm-target {
  color: #d72c0d !important;
  font-weight: 700 !important;
}

Fanen Avansert har også Tilgjengelighet per marked, som begrenser menyen til utvalgte markeder – se Vis menyer etter marked.

Feilsøking

CSS-en min har ingen effekt

• Sjekk at du klikket Publiser etter at du lagret.
• Appens egne stiler bruker ofte !important, så regelen din kan trenge det også.
• Se etter skrivefeil, for eksempel en manglende } – én feil kan gjøre at reglene etter den ikke virker.

Relaterte sider

• Juster menyfargeneAngi fargene på menylinjen, undermenyer, faner, produktetiketter og knappen Legg i handlekurv.
• Juster skrifttypene i menyenVelg skriftfamilie, skrifttykkelse og størrelse for hver del av menyen.
• Rediger et menyelementEndre tittel, lenke, ikon, farger, merke, undermeny og synlighet for et element, eller dupliser, flytt og slett det.

Var dette nyttig?

Rapporter et problem