Home » HTML » How to center post title (customization)
Monday, September 27, 2010
0
How to center post title (customization)
If you want to center (or align left or align right) the post title, sign into Dashboard > DESIGN > EDIT HTML to open the template editor and search for .post h3 (use ctrl+F) or code that may look something like those below (code below for Minima template, yours may be slightly different):
Reminder: Always backup template and backup gadgets before editing the template.
The just add this line text-align:center;
preview and if OK, save template.
If you want to align the post title to the left or to the right, just substitute text-align:center; with either text-align:left; or text-align:right;
Note: If you can't find the relevant code, let me know what template you are using via my contact form
Reminder: Always backup template and backup gadgets before editing the template.
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
The just add this line text-align:center;
.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
preview and if OK, save template.
Update: Different template may define post title differently. For example, a commentator found that for her, it was
h3.post-title {
h3.post-title {
If you want to align the post title to the left or to the right, just substitute text-align:center; with either text-align:left; or text-align:right;
Note: If you can't find the relevant code, let me know what template you are using via my contact form
Subscribe to:
Post Comments (Atom)





0 Responses to “How to center post title (customization)”
Post a Comment