kategorialogoVkJoskus syntyy tarve muokata sivustossa jonkin kohdan värejä, fontteja tms., mutta tarvittavaa asetusta ei löydy sivupohjan hallinnassa. Silloin voi käyttää omaa tyylitiedostoa. Se pitää kuitenkin ensin luoda.

 

Näin teet sen:

Tee css-tiedosto ja nimeä se custom.scss (huomaa formaatti .scss). Hyvä editori custom-tiedoston luomiseen on esimerkiksi Notepad++.

Tallenna se hakemistoon:

/templates/g5_hydrogen/custom/scss/custom.scss

Ellei hakemistossa ole scss-kansiota niin luo se.

Kokeile toimiiko uusi custom-tiedosto ja anna sille sisällöksi:

p {
color: red;
}

Nyt kaiken tekstin p-tagin luoman lohkon sisällä pitäisi olla iloisen punaista.

Ellei muutosta tapahdu, niin paina sivupohjien hallinnassa ko. sivupohjan Styles-taulussa Recompile-painiketta.

recompile

Valmis. Voit tehdä omia muokkauksiasi.

Ennen omia muokkauksia tarkista aina, ettei asiaa voi hoitaa suoraan sivupohjan omien asetusten kautta. Gantry 5 vähentää oman custom-tyylitiedoston tarvetta, muttei poista sitä kokonaan.