Change first letter to uppercase in blog title/description

How to change first letter to uppercase in blog title/description :


Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for  #header h1 {  in template code

Step 5 : Add these below lines below #header h1 {
             p:first-letter
             text-transform:uppercase;

Now it would be like this :

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
p:first-letter
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Step 6 : Click on Save template.

How to change blog description from all uppercase to only first letter uppercase :

Step 1 : Search for  #header .description {

Step 2 : Add below code under #header .description {
             p:first-letter
             text-transform:uppercase;

Now it would be like this :

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
p:first-letter
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

No comments:

Post a Comment