Anpassa Shoporama admin
Guide till hur du anpassar färger, logotyp och utseende för Shoporama admin med anpassad CSS.
I Shoporama kan du anpassa utseendet på din admin-backend med din egen stilmall. Detta är användbart om du vill dölja element, ändra färger eller markera vissa knappar.
Så här lägger du till din egen stilmall
- Klicka på Företag i menyn
- Klicka på "Egen formatmall"
- Ange din CSS-kod i textfältet
- Klicka på Spara
Exempel på anpassningar
Här är några exempel på vad du kan ändra:
Ändra färgen på vänstermenyn:
.drawer-light .drawer-menu .nav-link { färg: #000 !important; }
Dölja ett specifikt element:
.element-class { display: none !important; }
Markera en knapp med en annan färg:
.btn-custom { bakgrundsfärg: #e74c3c !important; border-color: #e74c3c !important; }
Vad kan du ändra?
Med CSS kan du vanligtvis ändra:
- Färger - bakgrund, text, knappar
- Typsnitt - typ och storlek
- Synlighet - dölj element som du inte använder
- Layout - bredder, marginaler, utfyllnad
Så här hittar du rätt CSS-väljare
För att ändra ett specifikt element måste du hitta dess klass eller ID:
- Högerklicka på elementet i din webbläsare
- Välj "Inspektera element" (Inspektera)
- Hitta elementets klass (t.ex.
class="nav-link") - Använd klassen som en CSS-väljare i din stilmall
Tips för styling
Allt går inte att styla med CSS. Om du behöver något specifikt är du välkommen att skriva till oss så kan vi utvärdera möjligheterna.
Behöver du hjälp med något? Fråga i vårt hjälpforum på Facebook.