Du kan kopiere en eller flere av kodene nedenfor og lime inn i felter under Stil → Egen CSS.

Vær oppmerksom på at all egen CSS anvendes på egen risiko, og at vi kan komme til å endre ID-en og klasser i temaet. 

Skjul organisasjonsnummer i bunnteksten

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

Forstørre handlekurvikonet

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

Sentrere produktbeskrivelser

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

Sentrere produktnavn

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

Sentrere priser

.tws-article-list--list .tws-list--type-grid .tws-article-list--price {
    width: 100%
}

.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-current {
    justify-content: center;
}

Viste betalingsmetoder i kassen

.tws-cart--payment-name:before,
.tws-checkout--payment-methods-list span.fa-chevron-down,
.tws-checkout--payment-methods-list span.fa-chevron-up {
  display: none;
}

.tws-checkout .tws-checkout--payments-expand {
  visibility: visible!important;
  height: auto!important;
}

.tws-checkout--payment-active {
    box-shadow: inset 0 3px 12px rgba(0,0,0,0.2) !Important;
}

Unique Selling Points - På én rad, i stedet for et ”point” på hver rad

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

Skjul ”Jeg vil ha min bestilling levert til..." i kassen

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

Produktside: Skjul produktnummer

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

Produktside: Vise hele produktteksten

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

Endre avstand mellom blokker på startsiden

Endre ”60px” til en annen verdi for å justere avstanden.

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

Endre bakgrunnsfarge for blokk på startsiden. Dette gjøres separat pr. blokktype.
I dette eksempelet er bakgrunnsfargen satt til svart. Du kan selv justere fargen ved å endre hex-koden (#000).  

Fremhevede produkter

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

Koblede produkter

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

Egen HTML

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

Fullbreddeprodukt

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

Koblede produkter

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

Nyhetsbrev

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

Endre bakgrunnsfarger på felt utenfor butikken.
I dette eksempelet er bakgrunnsfargen satt til svart. Du kan selv justere fargen ved å endre hex-koden (#000). 

[picture]

Top-bar

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

Overskrift (overflaten med logo)

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

Horisontal meny

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

Vertikal meny

.fabrikk--vertical-menu .slot--vertical-menu {
    background: #000;
}

Butikkens bakgrunnsfarge

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

Bunnteksten

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

Vertikal meny, legg til marginal på Tilpasset innhold i menyen

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

Øke tekststørrelsen på teksten "Jeg vil ha min bestilling levert til..." i kassen. 

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

Øke tekststørrelsen på valg av kundetype i kassen 

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

Fjerne ramme rundt produkter på startsiden og produktgruppesiden 

.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;
}

Vise hele produktbeskrivelsen (og skjule "Les mer") på produktsiden.

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

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

Fjerne "Powered by Textalk Webshop" i bunnteksten

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

    display: none;

}
Fant du svaret?