21 June 2014

centre date and post titles

Want to centre your date header or post titles? Here is a really simple code to acieve that!

STEP ONE:

Template > Customise > Advanced > Add CSS. Copy the code below into the white box and press enter.
.date-header {
text-align:center;
}

.post-title {
text-align:center;
}

STEP TWO:

These codes will centre your date and title, but you can also replace the word center with LEFT or RIGHT! You can also use these codes to customise your date and title for example:
.post-title {
text-align:center;
background:#88bb21;
line-height: 20px;
border-bottom: 5px solid #444444;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 14px;
font-family: georgia;
}
Edit as you wish, and press APPLY TO BLOG. 

Serena Ozgowicz is a 21 year old Puggle owner with a passion for web design. She likes to share her passion with you guys through tutorials and helpful tips. You can follow her on facebook, twitter and instagram.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...