Sivuston leipätekstin ja h1-, h2-, jne. tyylien muokkaus

Minulla oli J! 2.5:ssä ilmaissivupohjasta muokkaamani versio, jossa olin erinäisiä sivupohjaan liittyviä css-tiedostoja kokeile ja katso -tyyliin puukottamalla saanut mm. vaihdettua eri tekstityylien fontit, värit, jne.

Päivitettyäni sivuston J! 3.5:een asensin Gantry 5:n. Saan siinä helposti muokattua mm. taustavärejä, mutta teksteihin liittyviä säätöjä en löydä. Vanhasta pohjasta tulevat artikkeleiden mukana vanhat tekstimäärittelyt uuteen systeemiin, eivätkä ne sovi tähän.

Mikä olisi oikeaoppinen tapa hoitaa h1-, h2-, ym. määrittelyt responsiivisilla sivuilla, ja missä ne tehdään? Ja mielellään jotain muuta kuin css-tiedostojen kanssa pelaamista...

Muistaakseni(ei ole juuri tällä hetkellä asennettuna testisaitillani) siellä oli jokin "Core tai Content Styles" tjms jossa pystyi fontit ja muut määritellä suoraan...

Kannattaa käydä dokumentaatio läpi ajan kanssa, jotta saa täyden hyödyn irti: docs.gantry.org/

Et pääse ilman custom-tiedostoa, valitan. Voin lohduttaa, että Gantryssa tiedoston käyttö jää aika vähäiseksi verrattuna aikaisempaan versioon Gantry 4.

Gantry vitosessa käytetään omaa custom.scss tyylipohjaa, joka pitää luoda itse (hyvä ohjelma tähän on ilmainen Notepad++). Joomlan omalla sivupohjien hallinnassa olevalla editorilla et voi luoda scss-tiedostoa, mutta voit muokata sitä vapaasti sen jälkeen kun se on luotu.

Kuten Mortti jo edellä kertoi, löydät Gantry 5 -ohjeet (englanninkieliset) Gantryn sivustolta ( www.gantry.org ). Tarkka osoite custom.scss-tiedoston luomiseen ja sijoittamiseen on tässä: docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet . Ole tarkkana, että sijoitat sen oikeaan hakemistoon (kansioon).

Jos muutokset sivustolla eivät heti näy, muista painaa Recompile-painiketta käyttämäsi teeman (theme) Styles-taulussa.

Vanha vinkki testata Gantryn custom-tiedoston toimintaa, on muuttaa koko sivuston fontin väri ensin punaiseksi custom.scss-tiedoston kautta. Jos muuttuu, niin tiedosto on sijoitettu oikein ja voit ryhtyä käyttämään sitä.

Ps. Gantry 5 on tarkoitettu Rocketthemen sivupohjien hallintaan Joomlassa ja WordPressissä.

Ps2. Gantryn sivustolta voit ladata ilmaisen Hydrogen-sivupohjan, jolla luot käytännössä yhtä näyttävän ulkoasun sivustollesi kuin maksullisilla Rocketthemen sivupohjilla (oma mielipiteeni).

Kiitos pukkauksista oikeaan suuntaan, tästä on hyvä jatkaa opiskelua!
Käytössä siis Gantry 5 ja Hydrogen.

Sain sivut sentään julkaistua...
www.sksl.fi/a-p-c-kamera/

Fonttiongelmaa pähkäilin pitkään. Pikkuhiljaa palasi mieleen, että olin asentanut 2.5-versioon HD Gfont -pluginin, jolla sain vaihdettua otsikkofontit.

Nyt ihmettelen enää, missä Joomlassa saa määriteltyä, mitä otsikkokokoa käytetään artikkelin tai sivun nimessä... olen ilmeisesti joskus onnistunut muuttamaan sen H1:stä H2:ksi...

Suosittelen asentamaan Firefox-selaimen lisäosan nimeltään Firebug, jolla voit katsoa mistä kohtaa tyylitiedostoa nuo määritteet tulevat.