Saturday, February 19, 2011

[How To] Add shadow too the title of your posts on

In this HowTo i will try to explain how you can add shadows too the title of your blogposts.
Why do you want this? Well, it just makes your blogg look better (deppending on your template, of course).

Note: This only works if your browser have CSS3 compatbility, if you don't, the text will just look normal with out shadows!

If you see the difference between the two lines below, then your browser should support CSS3 good enough!

This is a test!
This is a test!

Do you see the difference? If not, heres a screenshot on how it should look like:

Now, lets begin.
First, go to your settings -> Design -> Edit HTML
Search for "</style>" (Press CTRL+F to open the searchfield on most browsers).
And before the </style>-tag, type this in:

h3#post-title {
 text-shadow: 1px 1px 1px #2a2b2b
After you're done, you can first click "Preview" to see if it works. If it works, hit the "Save Template"-button, and you're done!

You can, if you want change the values to experiement the look of the shadows. the #2a2b2b is the color-value and the other is the size, length etc of the shadow.

1 comment: