Centered Post Titles

in this blog, in posts, i use centered texts and images, so i just added a new code to have centered post titles in order to be more consistent.

to do that, you should go design -> edit html, then find (ctrl + f) the following code:

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

after that, 
to have centered title, add text-align:center;
to have right aligned title, add text-align:right;

i needed centered titles, so my code looks like this right now:

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
text-align:center;
}

Do not forget that different template may define post title html code differently, for example in another template, the post title could be defined as .post h3 { so it's better for you to google 'how to align post title' and look for alternatives that fit your template/html code.

Here is the source that i found the code: betatemplates

No comments: