Static backgrounds, scrolling backgrounds, etc. We have many names for the things we love. In this case I’m talking about a static background that follows you when you are scrolling down the page.
I’m currently working on a small niche site about the famous runner up artist Adam Lambert from American Idol 2009. On this site I thought it would be a neat idea to add a static background and I’m sure more of you are interested in how to create on. Don’t forget my other posts on how to customize Thesis.
An Example
In this case it is a bit difficult to show you with a image and instead I recommend you to head over to my Adam Lambert Fan site to get a close look on what a static background looks like.
How to Create a Static Background
This is probably one of the easiest customizations you can do for Thesis. Just head over to your custom CSS-file and add the following row.
.custom {background: #000000 url(http://domain.com/background.jpg) no-repeat fixed top center; margin: 0 auto;}
Remember to replace the URL into your on image.
Suggestions for Tutorials
If you have any questions whatsoever on how to customize Thesis, feel free to contact me. If you are on your way to buy Thesis, don’t forget that I’m offering you a Thesis discount when ordering through me.
{ 16 comments… read them below or add one }
A nice little hack if I say so myself. Direct and straight to the point.
I see you are enjoying the hacks a lot now, keeping you busy.
Yes, since I found out how simple it is to change things in Thesis I just can’t stop. Will probably post a few more short tips like this today, so feel free to come with suggestions.
Just thought you must know that your last tweet (sidebar) has a short url, but it’s not a link.
I’m trying to keep my links to a minimum but maybe I should allow it on my tweets. What do you think?
it seems really easy tips, thanks.
Btw, i want to ask how you put that CSS code in your post?
I simply go over to HTML-mode and replace <p>text</p> with <pre>text</pre>.
Ok, thanks a lot.
Stefan,
I’m loving these Thesis quick tips, please keep it up! Just getting started with my first site…very helpful.
You’re welcome Ryan. Feel free to contact me if you have any questions.
Everybody are rocking on Thesis. Don’t know why its been huge hit
I think it most because it’s so extremely simple to customize it into a unique theme. There are also a big and helpful community which helps you as soon as you get a problem.
Hi Stefan,
Thank you for sharing the tip about adding background on thesis.
I think I’ll spend one whole week in front of my pc customizing it once I get my 1st thesis theme..
Hey there Stefan,
I was wondering how you added that “bio box” under your posts like that…
Thanks
Toki
I’m sorry for the late answer Toki but here are the method I used: Link.
Hi,
I tried everything as per the above but it wasn’t working. I found if I simply added fixed; and not fixed top center; to the code, it worked. My coding doesn’t stretch to why or how it then worked but it worked out fine in the end!