Can You Change your blog post's title font? I Can.
Now I will tell you how to do it.
To change the font of your blog post titles, visit the Layout of the blog template and click on Edit HTML option. Select the Expand Widget Templates option. Now search .post h3 or .post h2 , whichever is present in your template.
However if .post h3 isn't present in the template, then search for .post h2 and apply the same steps as given above for .post h3
If .post h3 is present in the template, the code will be similar to the one shown below.
The main thing you should check is that font-family should be present in either .post h3 or .post h3 a . Once you find font-family , just add the font that you want at the beginning just as I have added Waltograph UI in the beginning.
However some templates dont have the .post h2 code in the template. For that first search .post in the template and paste the following code just above it
Here are some examples for you.
Font Name: Amelia-Normal
Font Name: File
Font Name: PicoBlackAl
Font Name: Vanilla
You can search on google for more font names.
Source
Subcribe via RSS if you like.
Now I will tell you how to do it.
To change the font of your blog post titles, visit the Layout of the blog template and click on Edit HTML option. Select the Expand Widget Templates option. Now search .post h3 or .post h2 , whichever is present in your template.
.post h3 {margin: 0 0 5px;padding-bottom:6px;}
.post h3 a, #content h1 a:visited {color: #A0A2F9;font-size: 18px;font-family: Waltograph UI,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif;font-weight: normal;margin: 0 0 5px;padding: 0;text-decoration:none; text-align:left; line-height:1.4em;}That's it, now click on the Preview button to check whether the font has been implemented or not.
However if .post h3 isn't present in the template, then search for .post h2 and apply the same steps as given above for .post h3
.post h2 { color: #A0A2F9; font-size: 28px; font-family: Waltograph UI,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif; font-weight: normal; margin: 0 0 5px; padding: 0; text-decoration:none; text-align:left; line-height:1.4em;}Just replace Waltograph UI with the font that you want. You can change the code to change the size, colour and other characteristics of the post title.
If .post h3 is present in the template, the code will be similar to the one shown below.
The main thing you should check is that font-family should be present in either .post h3 or .post h3 a . Once you find font-family , just add the font that you want at the beginning just as I have added Waltograph UI in the beginning.
However some templates dont have the .post h2 code in the template. For that first search .post in the template and paste the following code just above it
Here are some examples for you.
Font Name: Amelia-Normal
Font Name: File
Font Name: PicoBlackAl
Font Name: Vanilla
You can search on google for more font names.
Source
Subcribe via RSS if you like.
1 comments:
This is nice & informative article regarding social network development. It is a nice app to increase reach of your products & website to potential audience . We are also offering these services. Visit our site Mtoag.
ReplyPost a Comment