If you would like to maintain your blog title and class in the sphere of the meeting place, this how to execute it. At the outset I strength of character start by viewing you how to meeting place the title or else course of your blog. Login in the sphere of to Blogger - dash - Design - EDIT HTML. By depletion of Ctrl + F, locate dazed the following codes
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)
$(header.shadow.spread) rgba(0, 0, 0, .2);
}
In the above code, insert the following code immediately below the color code line.
text-align:center;
You new code will look like this:
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-align:center;
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)
$(header.shadow.spread) rgba(0, 0, 0, .2);
}
To center the description, look out for the following codes by use of Ctrl+F;
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
In the above code, insert the following code immediately below the font-size code line;
text-align:center;
Your new code will look like this;
}
.Header .description {
font-size: $(description.text.size);
text-align:center;
color: $(description.text.color);
}
Save your template and check your blog. You title and description are now centered in the blog. If you want to change the alignment, you can just replace text-align:center; with text-align:left or right, depending on what you want.
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)
$(header.shadow.spread) rgba(0, 0, 0, .2);
}
In the above code, insert the following code immediately below the color code line.
text-align:center;
You new code will look like this:
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-align:center;
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)
$(header.shadow.spread) rgba(0, 0, 0, .2);
}
To center the description, look out for the following codes by use of Ctrl+F;
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
In the above code, insert the following code immediately below the font-size code line;
text-align:center;
Your new code will look like this;
}
.Header .description {
font-size: $(description.text.size);
text-align:center;
color: $(description.text.color);
}
Save your template and check your blog. You title and description are now centered in the blog. If you want to change the alignment, you can just replace text-align:center; with text-align:left or right, depending on what you want.
No comments:
Post a Comment