GADGETTIEN KESKITTÄMINEN

En ole nyt pitkään aikaan postannut, koska ei ole ollut ideaa, eikä aikaa. Nyt kuitenkin ajattelin tulla postaamaan tämän gadgettien keskittämisen. Pitäisi varmaan tehdä luonnoksiin postauksia valmiiksi.

1. Malli > Muokkaa HTML-koodia.

2. Avaa ensimmäinen nuoli ja tämän koodin voi periaatteessa lisätä melkein mihin vaan. Suosittelen kuitenkin, että lisäät sen seuraavan kohdan alle.

/* Content
----------------------------------------------- */

3. Lisää koodi

.sidebar {
text-align: center;
}

3. Esikatsele ja tallenna.

SIVUJEN KESKITTÄMINEN

1. Siirry kohtaan malli  > muokkaa HTML-koodia

2. Sen jälkeen lisäät kohdan:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

4. Tallenna !

POSTAUKSEN- JA PÄIVÄMÄÄRÄN KESKITTÄMINEN

Postauksen otsikon keskittäminen

Malli > Muokkaa HTML-koodia

Paina samaan aikaan CTRL ja F ja kirjoita hakukenttään sana posts.

Rullaa alemmas, kunnes vastaan tulee kohta h3.post-title. Koodien alapuolelle lisäät tekstin:

text-align:center;

}

Päivämääräotsikon keskittäminen

 

Malli > Muokkaa HTML-koodia

Paina taas samaan aikaan CTRL ja F, kirjoita hakukenttään sana  /* Headings

Sen alla on kohta:

h2 {

  margin: 0 0 1em 0;

  font: $(widget.title.font);

  color: $(widget.title.text.color);

  text-transform: uppercase;

}

 Lisää koodin text-transform: uppercasen jälkeen YKSI väli alaspäin ja lisää:
 

text-align: center;

}

Tälläiseltä koodi sitten näyttää:

  text-transform: uppercase;

text-align: center;

}

}

BANNERIN KESKITYS

Malli > Lisäasetukset > Lisää CSS

CSS:ssään lisäät seuraavan koodin:

.header-outer {

margin-left:90px;

}

Jos haluat banneria vasemmalle päin muokkaa numeroa pienemmäksi, 

jos taas haluat banneria oikealle päin muokkaa numeroa suuremmaksi, sen jälkeen: "Käytä blogissa".