Hello! I'm in love with your Penumbra theme, and I was wondering if there was a way to add a background image. Thank you very much :)
I'm so glad you like the theme. Also, I hope you don't mind my publishing this, but I think others might want to know this too.
So, I just spent a little while figuring how to do this and, what I realized is this: I didn't really know what I was doing when I made this theme. It's the first thing I ever made, so I guess that's not odd. Anyway, what this means for you is, adding a background will take a few steps, because you will have to correct a few errors I made along the way.
Then copy the following immediately below ":
then, retype the quotation marks in the above (delete them and type them yourself).
Find where I have typed /*Custom CSS*/. (not far below the meta tags) You will notice a second / (it should be white). Delete that. It should not be there.
delete everything between the two {} and replace it with:
background-image: url('{image:background}');background-repeat:no-repeat;background-attachment: fixed;background-position:left bottom;background-color: {color:background};margin: 0;word-wrap: break-word;
At this point, you could hit 'update preview' go back to the customize page and upload a background image the same way you do the sidebar images. But you would still have one problem: the navigation part of the theme would look right with an image. To fix this
Find #navi and replace everything between the {} with:
background:{color:background}; position:fixed; width:70px; top:385px; left:1005px; margin:10px; padding:5px; color: {color:text}; border-radius:5px; text-align:center;
Immediately below that is .pagination a
replace everything between {} with:
text-align:center; padding:3px; font-size:12px; font-family:'Oxygen'; color: {color:text}; text-decoration: none;
Orrrrr. If that seems like a lot of work, you can go to the original post on my blog for that theme. Click the 'code' link and it will take you to an updated version of the code. All you will have to do to add a background is upload it like you would a sidebar image.
The code is written so that the background image starts in the bottom right and does not repeat if you want to change that let me know.