Pentru că în weekend încerc să mă detașez puțin de mediile sociale, bloguri etc. veți observa că în weekend-uri nu sunt prea activă. Și în ciuda acestui fapt voi încerca să scriu postări succinte pentru a nu fi absentă prea mult timp. Așa că astăzi vin cu un pont despre cum să centrăm headerul. Fie că folosiți imagine sau text. Pentru acest exemplu avem: titlu, subtitlu și o imagine ( chenarul cu fundal alb). Vom vedea cum putem să centrăm toate aceste elemente. Puteți să aveți fie numai titlul și subtitlul, titlul, subtitlul și imaginea sau numai imaginea. Sfatul meu este să alegeți fie prima variantă ( titlu + subtitlu ) fie numai imaginea. Al doilea caz conține niște restricții pe care eu recomand să le evitați pentru a nu vă complica.
Accesați următoarele ramuri din tabloul de bord: Șablon - Personalizați - Avansat - Adăugați CSS.
Pentru centrarea titlului și centrarea subtitlului veți insera următoarea secvență de cod:
.titlewrapper, .descriptionwrapper{
text-align:center;}
Dacă sunteți de părere că spațiul dintre subtitlu și titlu este prea mare și doriți să le apropiați pe cele două aveți nevoie de următorul cod:
.descriptionwrapper{
margin-top:-20px;}
În cazul în care aveți o imagine în loc de titlu și subtitlul, pentru a centra imaginea utilizați codul:
.header-inner img{
margin-left:auto;
margin-right:auto;}
Salvați după ce ați copiat codurile și ați terminat.
Cam atât pentru astăzi. Mai aveți timp până diseară pentru a-mi lăsa răspunsurile voastre la postarea anterioară.
No comments:
Post a Comment