Blogitekstin ja tekstin otsikon välin pienentäminen

Malli -> Mukauta -> Lisää CSS:ään alla oleva koodi:

.post-body {
margin-top: -20px;
}

Jos haluat pienentää blogitekstin otsikon ja blogitekstin väliä, lihavoidun punaisen luvun tulee olla miinuksen puolella eli esim. -10 tai vaikka -55. Jos haluat suurentaa väliä, luvun pitää olla positiivinen eli esim. 10 tai 55.

Navigaatipalkin poistaminen & siitä aiheutuvan tyhjän tilan deletoiminen + infoa

MITEN POISTAT NAVIGOINTIPALKIN?
- Mene ulkoasuun, sieltä klikkaa navigointipalkin muokkaa-kohtaa, rullaa alas ja kliksuta "ei käytössä" -nappulaa. Sitten vain suoritat tallennukset. Alla oleva kuva havainnollistaa.

Kun navigointipalkin poistaa, palkki jättää blogiin tyhjän tilan. Suunnilleen samalta pitäisi näyttää blogissasi kuin alla olevassa kuvassa:

Jos ylimääräisen tilan haluaa pois, lisää tämä koodi blogisi CSS:ään:
.content-inner {
margin-top: -30px;
}

Ja tältä näyttää, kun koodin lisää:

Tästä aiheesta pyydettiin postausta, joten tein sen ilomielin. Ilmoitelkaa ihmeessä jatkossakin teidän mieltä askarruttavia blogiongelmia! Yritän toteuttaa niitä, kun multa löytyy sopivasti aikaa. Haha, onneksi eka jakso ei ole tiukka :)!

Kuvien välit pieneksi ilman Flickriä

Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Lisää CSS:ään alla oleva koodi:

img { 
margin-top: -5px; 
margin-bottom: -5px; 
}

Punaiseksi värjättyjä lukuja voit muuttaa mielesi mukaan.

xoxo iltsu

Harmaan katkoviivan poistaminen blogin alaosasta + välin pienentäminen

Alla oleva kuva toimii havainnollistavana:

Lisää tämä koodi blogisi CSS:ään:

.footer-outer {
  border-top: 0px;
}

 Jos sinua ärsyttää "tyhjä" väli, joka jää blogin alaosaan

"Etusivu"-kohdan alapuolelle, voit poistaa sen tällä koodilla,

joka siis sekä poistaa harmaan katkoviivan että välin:

 .footer-outer {
  border-top: none;
  margin-top: -100px;
}

xoxo, iltsu

Tekstin otsikon ja bannerin välin pienentäminen

Jos olet poistanut blogistasi päivämäärän (niin kuin minä tästä blogista), saatat

harmitella suurta väliä, mikä on tekstin otsikon ja bannerin välissä. Ei huolta, sen

saa poistettua tällä koodilla, jonka minä itse keksin muita koodeja hyödyntämällä.

Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Lisää siis alla oleva koodi CSS:ään.

h3.post-title{
margin-top: -30px;
}

Punaiseksi värjättyä lukua pystyt muuttamaan mieleisesi mukaan.

Mitä pienempi luku on, sitä pienempi väli on. 

Huom! Koodi pienentää myös tekstin otsikon ja alatunnisteen väliä etusivulla!

Ilmoitathan, jos koodi ei toimi! En nimittäin tiedä, toimiiko koodi kellään

toisella, mutta ainakin omassa blogissani se toimii. 

xoxo iltsu

Päivämäärän ja bannerin välin pienentäminen

Lisää alla oleva koodi CSS:ään:

.date-header {
margin-top: -15px;
}
 

Muokkaamalla punaiseksi värjättyä numeroa voit vaikuttaa siihen,

miten suuri päivämäärän ja bannerin väli on. Luku voi

olla sekä positiivinen että negatiivinen.

xoxo, iltsu

Päivämäärän ja otsikon välin pienentäminen

Lisää CSS:ään alla oleva koodi:

.date-header {
margin-bottom: -15px;
}

Muokkaamalla punaiseksi värjättyä numeroa voit itse päättää välin 

suuruuden. Luku voi olla sekä positiivinen että negatiivinen.

xoxo, iltsu

Gadgetien välien pienentäminen

Lisää CSS:ään alla oleva koodi.

.widget {
    margin: 5px 0 0 0;
}

 Lilaksi värjättyä lukua voit muuttaa mieleisesi mukaan. 
Mitä pienempi luku on, sitä pienemmät välit gadgeteille tulee. 
Myös miinuslukuja voi käyttää.

xoxo, iltsu