Gå til indhold
GloboGlobo Docs
Installer app
Dansk

Brugerdefineret CSS

Tilføj din egen CSS for at finjustere menuens udseende.

Vejledning Alle abonnementer 2 min. læsning

Brug Typografiark / CSS, når indstillinger, skrifttyper og farver ikke kan klare det, du har brug for – en særlig hover-effekt, skriftstørrelsen på ét punkt eller en lille rettelse til temaet. CSS’en gemmes med menuen og tilføjes til din webshop, når du udgiver.

Tilføj brugerdefineret CSS

  1. Åbn fanen Avanceret

    Klik på ikonet Avanceret (</>) i venstre sidebjælke i menueditoren (1).

    Åbn fanen Avanceret (1), og skriv din CSS i Typografiark / CSS (2).

  2. Tilføj din CSS

    Skriv eller indsæt din CSS i Typografiark / CSS (2), så den erstatter pladsholderen //enter css custom here.

  3. Gem og udgiv

    Klik på Gem og derefter på Udgiv. Genindlæs din webshop helt for at se resultatet.

Ram de rigtige elementer

CSS’en tilføjes til siden, som den er, og er ikke begrænset til denne menu, så afgræns dine vælgere:

  • Alle menuer – start med .gm-menu.
  • Én menu – start med .gm-menu-<ID>. Du finder id’et ved at højreklikke på menuen i din webshop og vælge Inspicer.
  • Ét punkt – giv det et Ekstra klassenavn i sektionen Avanceret i punktets indstillinger (se Rediger et menupunkt), og brug derefter den klasse.

For eksempel kan du gøre et punkt med det ekstra klassenavn sale-item fedt og rødt sådan her:

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

Fanen Avanceret har også Tilgængelighed pr. marked, som begrænser menuen til udvalgte markeder – se Vis menuer pr. marked.

Fejlfinding

Min CSS har ingen effekt
  • Tjek, at du har klikket på Udgiv efter at have gemt.
  • Appens egne styles bruger ofte !important, så din regel skal måske også bruge det.
  • Kig efter tastefejl som en manglende } – én fejl kan få reglerne efter den til at holde op med at virke.

Var dette nyttigt?

Rapportér et problem