Du kan kopiera en eller flera av koderna nedan och klistra in i fältet under Stil → Egen CSS.

Observera att all egen CSS används på egen risk och att vi kan komma att ändra ID:n och klasser i temat.


Dölj organisationsnummer i sidfoten, alla teman

.tws-contact-info--orgnr-nr {
    display: none;
}


Förstora varukorgsikonen, Fabrikk & Azalea

.tws-micro-cart--counter {
 -webkit-transform: scale(2);
 transform: scale(2);
}


Centrera artikelbeskrivningar, alla teman

.tws-article-description--text {
    text-align: center;
}


Centrera artikelnamn, Fabrikk & Azalea

.tws-article-list--article-name {
    text-align: center;
}


Centrera priser, Fabrikk & Azalea

.tws-article-list--list .tws-list--type-grid .tws-article-list--price, .tws-article-search-page--list .tws-list--type-grid .tws-article-list--price {
   margin: 0 auto;
}


Utfällt rabattfält i kassan, alla teman

.tws-discount-field *.ng-hide  {
 display: block!important;
}

Unique Selling Points - På en rad, istället för en ”point” på varje rad, alla teman

.tws-unique-selling-points .list-unstyled li {
    display: inline;
}


Dölj ”Jag vill ha min beställning levererad till…” i kassan, alla teman

.tws-checkout-shortcuts--ship-to {
    display: none;
}


Artikelsida: Dölj artikelnummer, alla teman

.tws-article-description--article-number {
  display:none;
}


Artikelsida: Visa hela artikeltexten, alla teman

.slot--article-description .tws-article-description--text-container {
  max-height: none !important;
}

Ändra avstånd mellan block på startsidan, Fabrikk

Ändra ”60px” till ett annat värde för att justera avståndet.

.startpage .slot--component-container .fabrikk--component-container > div {
    margin-top: 60px;
    margin-bottom: 60px;
}


Ändra bakgrundsfärg för block på startsidan.
Detta görs separat per block-typ.
I dessa exempel är bakgrundsfärgen satt till svart. Du kan själv justera färgen genom att ändra hex-koden (#000).


Framhävda artiklar

.slot--component-container .tws-container--tws-articles {
  background: #000;
}


Kopplade Artiklar

.slot--component-container .tws-container--tws-articles-connected {
  background: #000;
}


Egen HTML

.slot--component-container .tws-container--tws-custom-html {
  background: #000;
}


Fullbreddsartikel 

.slot--component-container .tws-container--tws-article-display {
  background: #000;
}


Koppplade artiklar

.slot--component-container .tws-container--tws-articles-connected {
  background: #000;
}


Nyhetsbrev

.slot--component-container .tws-container--tws-newsletter-subscribe {
  background: #000;
}



Ändra bakgrundsfärger på fält utanför butiken
I dessa exempel är bakgrundsfärgen satt till svart. Du kan själv justera färgen genom att ändra hex-koden (#000).

Top-bar

fabrikk--top-bar {
    background: #000;
}


Sidhuvud (ytan med logotypen), alla teman (bara koden med temats namn)

.azalea--header-wrapper {
    background: #000;
}
___________________________________________________________

.fabrikk--header-wrapper {
    background: #000;
}
___________________________________________________________

.aficionado--header-wrapper {
    background: #000;
}


Horisontell meny, alla teman

.tws-top-menu.navbar-default {
    background: #000;
}


Vertikal meny, Fabrikk & Azalea

.tws-vertical-menu .tws-vertical-menu--menu {
    background: #000
}


Butikens bakgrundsfärg, Fabrikk & Azalea (Azalea är koden "body { .. ")

.fabrikk--body {
    background: #000;
}
_____________________________________________________________

body {
    background-color: #000;
}


Sidfoten

.fabrikk--footer {
    background: #000;
}

Vertikal meny, lägg till marginal på Anpassat innehåll i menyn

.tws-vertical-menu--custom-html {
  margin-left: 15px;
  margin-right: 15px;
}


Öka textstorleken på texen ”Jag vill ha min beställning levererad till…” i kassan.

.tws-checkout-shortcuts--ship-to {
    font-size: 14px;
}


Öka textstorleken på val av kundtyp i kassan

tws-checkout-shortcuts--purchase-as {
    font-size: 14px;
}


Ta bort ram runt artiklar på startsida & artikelgruppssida

.tws-article-list--list .tws-list--type-grid .tws-article-list--product-image, .tws-article-search-page--list .tws-list--type-grid .tws-article-list--product-image {
    border: none;
}


Visa hela artikelbeskrivningen (& dölja "Läs mer") på artikelsida.

.slot--article-description .tws-article-description--text-container {
   max-height: initial;
}

.tws-article-description--show-more > button {
   display: none;
}

Ta bort "Powered by Textalk Webshop" i sidfoten - Fabrikk

.container.fabrikk--footer--made-by {

    display: none;

}

Ta bort "Powered by Textalk Webshop" i sidfoten - Azalea

.textalk-powered-logo {

    display: none;

}
Hittade du svaret?