Usuwanie ramek, cieni z obrazów i edytowanie daty wpisów
W dzisiejszym wpisie podam kilka kodów, których ja bardzo poszukiwałam na początku zabawy z szablonem i które mogą nam się przydać. Wiele osób pisało do mnie z prośbą m.in. o te kody. Pomyślałam sobie "czemu nie, podzielę się tym co wiem" i zabrałam się za pisanie tego wpisu. Myślę, że wasze oczekiwania co do tego wpisu zostały spełnione, także korzystajcie do woli z podanych kodów.
Usuwanie ramek i cieni z obrazów (szablon Simple) :
Wpisy
.post-body img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}
Kolumna prawa
.column-right-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}
Kolumna lewa
.column-left-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}
Dodanie tła do daty:
h2.date-header {background: #ffffff;}
h2.date-header {background:#ffffff repeat; }
Oczywiście kolor można zmieniać
Jeśli chcemy dodać własną grafikę w tle wpisujemy kod:
h2.date-header {background: #000000;}
h2.date-header {background: url(Link do obrazka)repeat; }
+ jak chcemy zmienić wysokość tła daty wpisujemy kod
h2.date-header {background: url(Link do obrazka)repeat; height: 150px;}lub
h2.date-header {background: #000000 repeat; height: 150px;}(dotyczy tylko kiedy w tle mamy sam kolor bez grafiki)
150px można dowolnie zmieniać według własnego uznania
Kolejny kod, również dotyczy daty. Tym razem, kod zmieni nam położenie daty.
Zmiana położenia daty
h2.date-header {text-align: right; } - data po prawej stronie
h2.date-header {text-align: center; } - wyśrodkowanie