Home » » How To Make All Text On Your Blog Lowercase, Capitalized Or Uppercase

How To Make All Text On Your Blog Lowercase, Capitalized Or Uppercase

Written By Rangga Arief Putra on 21 Mei 2011 | 2:45:00 PM

A blog i was working on had a minimalist design and the author wanted all the text to be lowercase.This is something you see on some blogs and websites and i quiet like it, it has the 'less is more' thing going on.Now having the posts text, titles and other stuff you add yourself lower case is easy, you just write it in lower case :D.But what about things like labels, text in recent posts and other gadgets and all other automatically generated text.These by default capitalize the text, the first letter is a capital.Other instances on this blog were the newer, older and home links, and meta under the posts.You have no control over how these are formatted, but you can change that.

In this post i will show you how you can set every single piece of text on your blog to be lowercase.For that matter you can also set it to be capitalized, as we said above the first letter will be a capital and (DONT DO IT !) you can even have everything using all caps.

To do this you simply add a snippet to the body code, this should work on any blog here is how we do it on Blogger.


Make All Text Lowercase, Capitalized Or Uppercase


Step 1. In your Blogger Dashboard Click Design > Edit Html.

Design Edit Html Blogger

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

body {

This will be followed by code like this :

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}

We simply add our request like this :

body {
text-transform: lowercase !important;
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}

You can change lowercase to capitalize or (Don't, we all hate caps) uppercase.

Simple, even though it had me thinking at the time.

Drop Your Comments And Questions Below.
Share this article :

0 comments:

Posting Komentar

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Chenkgelate - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger