STYLE TYTUŁÓW GADŻETÓW 1

Witajcie kochani tego jesiennego już prawie poranka ;)

Dziś chciałabym Wam podpowiedzieć jak zmienić

na różne style nasze tytuły gadżetów

na blogu.

Nic trudnego! :D

Wchodzicie w Motyw, w zaawansowane i w dodaj arkusz CSS

i tam wklejacie, któryś ze stylów. Klikacie enter, zapisujecie szablon

i gotowe ;) 

Styl 1

.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 5px; padding-bottom: 5px; } .sidebar h2:before { font-size: 20px; content: "\2014" "\00A0" ; } .sidebar h2:after { font-size: 20px; content: "\00A0" "\2014" ; }

Styl 2

.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 5px; padding-bottom: 5px; } .sidebar h2:before { font-size: 15px; content: "\2261" "\00A0" ; } .sidebar h2:after { font-size: 15px; content: "\00A0" "\2261" ; }

Styl 3

  .sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 5px; padding-bottom: 5px;}.sidebar h2:before { font-size: 15px; content: "\2550" "\00A0" ; } .sidebar h2:after { font-size: 15px; content: "\00A0" "\2550" ; }

 Styl 4

  .sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 3px; text-align: center; border:1px solid #8fb59e; padding: 15px; }

 Styl 5

  .sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #666; text-transform: uppercase; letter-spacing: 3px; text-align: center; border-top:2px solid #8fb59e; border-bottom:2px solid #8fb59e; padding: 10px; }

Styl 6

  .sidebar h2 { text-align: center; border-top: 3px solid #000; text-transform: uppercase; padding-top: 5px; font-size: 16px; letter-spacing: 1px; }

Styl 7

.sidebar .widget { border: 3px solid #000; } .sidebar .widget-content { padding: 10px; } .sidebar .widget h2 { text-align: center; z-index: 8; top: -10px; background: #FFF; left: 50%; transform: translate(-50%, 0); display: inline-block; } .sidebar .widget h2:after,.sidebar .widget h2:before { content: "\00a0\00a0"; }

Styl 8

.sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #fff !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: #8fb59e; padding: 10px; }

Styl 9

  .sidebar h2 { font-family: 'Arial' !important; font-size:12px !important; color: #fff !important; text-transform: uppercase; letter-spacing: 3px; text-align: center; background: #8fb59e;border-radius: 50px; padding: 10px; }

 Styl 10

  .sidebar h2 { font-size:20px !important; color: #8fb59e !important; text-transform: uppercase; letter-spacing: 5px; text-align: center; padding: 10px; }

Oczywiście, że możecie zmienić kolory w kodzikach.

Nic nie stoi na przeszkodzie ;)

Zapraszam Was za jakiś czas. Pokażę Wam coś nowego :D