Painikkeiden tyylin päivittäminen

KehittäjilleKoodausohjeet › Painikkeiden tyylin päivittäminen

Taustaa

Ohjelmisto luo verkkokaupan sivujen HTML-koodin. HTML-koodi koostuu HTML-elementeistä. HTML-elementtien ulkoasua voidaan muokata CSS-tyylimäärittelyillä. Kerromme tässä ohjeessa, miten verkkokaupan sivuilla näkyvien painikkeiden tyylit voidaan päivittää.

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • verkkoselain (esim. Chrome)

Toteutusohjeet

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa "Ulkoasupohja: Yleiset" -linkkiä.
  • Etsi alla oleva tyylimäärittely.
    input[type="submit"], input[type="button"] {  
      background-color: rgb(0,97,193);
      border-radius: 3px;
      border-width: 0px;
      color: rgb(255,255,255);
      cursor: pointer;
      display: inline-block;
      font: 14px/1.5 Open Sans, Verdana, sans-serif;
      padding: 4px 10px 4px 10px;
      text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
      text-transform: uppercase;
    }
    
  • Päivitä värikoodi.
      background-color: rgb(0,97,193);
    
  • Klikkaa Päivitä-painiketta.

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Näin rakennat yrityksellesi verkkokaupan

1. Tilaa webhotelli

Tilaa esimerkiksi Cloudcity Plus ↗. Vaihtoehtoisesti voit tilata netistä minkä tahansa EU:n alueella toimivan webhotellipalvelun, joka on yhteensopiva ohjelmiston kanssa.

2. Tilaa asennus

Tilaa maksuton asennustyö. Vaihtoehtoisesti voit ladata ja asentaa ohjelmiston itse. Maksuton tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

3. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttoman Maxi-lisenssin verkkokaupan perustamisen ajaksi.

4. Tilaa lisenssi

Tilaa Mini- tai Maxi-lisenssi vasta, kun olet perustanut verkkokaupan. Vaihtoehtoisesti voit olla perustamatta verkkokauppaa tai käyttää ohjelmistoa maksuttomassa lepotilassa.

Scroll to Top