Egen stilmall (anpassad CSS)
Lär dig hur du lägger till anpassad CSS i din Shoporama-webbutik via funktionen Anpassad stilmall.
Lästid: ca 1-2 minuter
Shopejer
Med funktionen Custom Stylesheet kan du lägga till anpassad CSS i din webbutik utan att ändra temafiler. Det är perfekt för små designjusteringar som att ändra färger, teckensnitt, marginaler eller dölja element.
Lägg till anpassad CSS
- Gå till Inställningar > Företag > Anpassad stilmall
- Ange din CSS-kod i textfältet
- Klicka på Spara
Din CSS laddas efter temats stilmall, så dina regler kommer att skriva över temats standardstilar.
Några exempel är
Dölja ett element:
.element-class { display: none; }Ändra bakgrundsfärgen för sidhuvudet:
.header { bakgrundsfärg: #1a1a2e; }Ändra teckensnittet:
body { font-family: 'Georgia', serif; }Tips
- Använd webbläsarens utvecklarverktyg (F12) för att hitta rätt CSS-selektorer
- Testa ändringarna på mobilen - använd vyn för responsiv design i utvecklarverktygen
- Om en ändring inte lyckas kan du lägga till
!importantefter värdet - För större designändringar rekommenderas att redigera själva temafilerna via SFTP