Tarkoitan siis tätä:
Malli -> Mukauta -> Lisäasetukset -> Lisää alla oleva koodi CSS:ään:
.comments .comment-thread.inline-thread {
background-color: transparent;
}
Ja voilá, harmaa tausta katosi!
sunnuntai 28. joulukuuta 2014
Ärsyttävä viiva pois kommenteista
Ärsyttävällä viivalla tarkoitan tätä:
Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:
.comments .continue {
border: transparent;
}
Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:
.comments .continue {
border: transparent;
}
lauantai 27. joulukuuta 2014
Gadgetien (ja blogiarkiston) keskittäminen
Olin varma, että mulla on tästä jo postaus - mutta kun sellaista etsin linkattavaksi, en sellaista löytänyt. No, jos se joskus tulee vastaan, poistan sen, mutta jos sellaista ei kerran oikeasti ole, tämä olkoon pysyvä postaus siitä eli sivupalkin gadgetien keskittämisestä.
Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:
.sidebar {
text-align: center;
}
Kaikki gadgetit eivät kuitenkaan keskity tuolla koodilla. Jos haluat keskittää blogiarkiston sisällön (joka ei tuolla aiemmalla koodilla siirry keskelle), lisää alla oleva koodi CSS:ään:
#ArchiveList{
text-align: center;
}
Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:
.sidebar {
text-align: center;
}
Kaikki gadgetit eivät kuitenkaan keskity tuolla koodilla. Jos haluat keskittää blogiarkiston sisällön (joka ei tuolla aiemmalla koodilla siirry keskelle), lisää alla oleva koodi CSS:ään:
#ArchiveList{
text-align: center;
}
Postausten kuvien pyöristäminen
Malli -> Mukauta -> Lisäasetukset -> Lisää alla oleva koodi CSS:ään:
.post-body img {
border-radius: 30px;
}
Border-radiuksen jälkeinen arvo 30 vaikuttaa postauksen kuvien kulmien pyöreyteen. Sitä lukua voi siis muuttaa pienemmäksi tai suuremmaksi. Mitä suurempi arvo, sitä pyöreämmät kulmat postausten kuville.
Tuolla luvulla 30px kuvan kulmat näyttävät jotakuinkin tältä:
tiistai 23. joulukuuta 2014
Blogitekstin rivivälin muuttaminen
Bloggerin tekstityökalussa ei pysty muuttamaan riviväliä, mutta onneksi niiden muuttaminen onnistuu ystävämme CSS:n avulla. Jos et ole tyytyväinen blogitekstisi riviväliin, mene Malli -> Mukauta -> Lisäasetukset -> Lisää alla oleva koodi CSS:ään:
.post-body {
line-height: 1.6;
}
Line-heightin jälkeistä arvoa 1.6 voi muuttaa - mitä suurempi arvo, sitä suuremmat välit.
.post-body {
line-height: 1.6;
}
Line-heightin jälkeistä arvoa 1.6 voi muuttaa - mitä suurempi arvo, sitä suuremmat välit.


