Ogólne kody CSS

(...) czyli podstawowo i bezproblemowo

.post - ramka z postem

.post-title - ramka z tytułem posta

.post-footer - stopka bloga

.main-inner .widget h2.date-header - ramka z datą

.column-center-inner (lub .main-inner .column-center-inner) - kolumna środkowa   

.main-inner .column-left-inner - kolumna po lewej stronie

.main-inner .column-right-inner - kolumna po prawej stronie

Dzięki temu możemy sprawić, że tekst będzie nachodził na nagłówek:

.header { height:450px;}

Kod na przesunięcie kart na górze o dowolną wartość:

#PageList1 ul { margin-left: 360px; }

Wysokość lewej kolumny:

.column-left-inner {margin-top: -20px}

Wysokość prawej kolumny:

.column-right-inner {margin-top: -20px}

 

Wyśrodkowanie daty:

h2.date-header {text-align: center;}

Wyśrodkowanie tytułu notki:

 h3.post-title, .comments h4 {text-align: center;}

Wyśrodkowanie gadżetów w lewej kolumnie:

 .column-left-inner {text-align: center; }

Wyśrodkowanie gadżetów w prawej kolumnie:

 .column-right-inner {text-align: center; }

Wyśrodkowanie górnego menu:

#PageList1 ul {

text-align: center;

}

#PageList1 ul li {

float: none;

display: inline;

}

Przesunięcie górnego menu o dowolną wartość:

#PageList1 ul {

text-indent: 440px;

}

#PageList1 ul li {

float: none;

display: inline;

}

Przesunięcie górnego menu na prawą stronę:

#PageList1 ul {

text-align: right;

}

#PageList1 ul li {

float: none;

display: inline;

}

Suwak w notce (można dopasować własne rozmiary):

.post { overflow: scroll; width: 500px; height: 420px; )

Cienie w lewej kolumnie (rozmiary do własnego dopasowywania):

.column-left-inner {text-shadow: 1px 1px 5px}

Cienie w prawej kolumnie (do własnego dopasowywania):

.column-right-inner {text-shadow: 1px 1px 5px}

Cienie w tytule postu (do własnego dopasowywania):

h3.post-title, .comments {text-shadow: 1px 1px 5px}

Cienie w napisie “Komentarz” (do własnego dopasowywania):

.comments h4 {text-shadow: 1px 1px 1px}

Cienie w tekście całego bloga (do własnego dopasowywania):

.widget h2 {text-shadow: 1px 1px 5px}

Wyśrodkowanie nagłówka:

.header-inner .widget div, .header-inner img {

margin-left:auto;

margin-right:auto;

}

Usunięcie paska nawigacyjnego u góry strony:

.navbar {   display:none; }

Usunięcie napisów „Starszy post”, „Nowszy post”:

.blog-pager { display: none !important;}