Nyttiga CSS-koder till din butik

E-handel, Textalk Webshop, Tips 1 minut

css-koder

Ibland kan man behöva använda sig av CSS för att göra sidan lite mer personlig.
Här har vi samlat några av de vanligaste CSS-koderna vi i supporten får frågor om hur man gör.

För att lägga till någon av dessa koder kopierar du kodmaterialet och klistrar in under ”Utseende” > [Redigera mall] > Fliken ”CSS”.

Dölj ”Powered by Textalk Webshop”-loggan i footern

För att dölja logotypen längst ner i footern på din butik som säger ”powered by textalk webshop” lägger du bara till följande css:

.fabrikk--footer--made-by { 
  display: none !important;
}

Fixera bakgrundsbilden

.body {
  background-attachment: fixed;
}

Ha dina extrapriser i en annan färg.

I exemplet nedan så står #FF0000 för röd.

.reducedPrice {
  color: #FF0000;
}

Ändra textstorlek och färg på undergrupp till undergrupp

I exemplet nedan är texten 12 pixlar. Detta kan ni öka eller minska som ni vill genom att ändra siffrorna.
Färgen bestäms av raden color: #FF0000. Vill ni inte byta färg kan ni ta bort denna rad efter att ni klistrat in koden. Ni kan ändra färg genom att byta ut färgkoden som i detta fall är svart.

a.leftnavcontentsub:link, 
a.leftnavcontentsub:active, 
a.leftnavcontentsub:visited, 
a.leftnavcontentsub:hover, 
a.leftnavcontentsubselected:link, 
a.leftnavcontentsubselected:active, 
a.leftnavcontentsubselected:visited, 
a.leftnavcontentsubselected:hover {
  font-size: 12px;
  color: #000000;
}

Inlägget kommer uppdateras löpande med nya CSS-tips.

Published