facebook twitter pinterest instagram bloglovin
 photo toppost.png

Jan 17, 2014

Customizing Your Blog // Changing the Case of Your Date & Post Headers

if you host your blog on blogger, you know that customizing can sometimes be a pain.  i can't tell you how many times i've fought and fought with the backend of my blog, and then found some round-about way to make the tiniest change.

but those tiny changes are what makes your blog you.  so here is a simple tutorial of how to customize your date and post headers by changing the case.

first, you want to open up your template.  you can do this by going to your blog's dashboard, choosing "template" from the left-hand sidebar, and then clicking "customize" under the screenshot of your blog.
 once you're into the template, find "advanced" on the left-hand menu, then scroll down and choose "add css".  (css is a type of code language that is used to alter the look and formatting of a web page)  there are tons of different css codes that you can add to create changes to your blog.  this one will help you change the case of your title and date headers.
if you'd like for all of your post title headers to be lowercase, copy and paste this code into the css editor:

.post-title {
text-transform:lowercase;
}

if you'd like for all of your date headers to be lowercase, copy and paste this code into the css editor:

.date-header {
text-transform:lowercase;
}

(if you'd like either of these headers to be all caps, simply change the "lowercase" to "uppercase" in the css editor)

you can also change the alignment of your headers by adding "text-align:center/right/left;" into the coding like this:  

.date-header {
text-align:center;
text-transform:lowercase;
}

.post-title {
text-align:center;
text-transform:lowercase;
}

(this exact code would center align your date and post headers, and make both of them all lowercase)

css takes a little bit of getting used to to really understand it, and there are plenty of tutorials out there that can help you write it from scratch, but sometimes it's just easier to find little snippets of code that allow you to tweak little things on your blog!  i hope his helps!

if you have any questions, feel free to let me know in the comments section!

1 comment:

  1. what are good fonts to use when putting captions on photos on photoshop?

    ReplyDelete

Hi! Thanks for reading! I read every comment posted here. Your thoughts are valuable to me! Thanks for taking the time to contribute!

Related Posts Plugin for WordPress, Blogger...
 photo envye.jpg
envye blogger theme