Joskus 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.
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.