[Solved] How to replace background color with an image?

cheilenereinfo

Vanilla version: 2.0.18.8
Vanilla theme: Fruit (http://vanillaforums.org/addon/fruit-theme)

I need a little help from you, if it's possible. I would like to change the background color and replace it with an image. I dowloaded the Glass custom theme and I found the code wich places an image as background. This is the code:

body {
background-attachment:fixed;
background-clip:border-box;
background-image:url(images/woodbig.jpg);
background-origin:padding-box;
background-position:center bottom -300px;
background-repeat:repeat;
background-size:100% 130%;
color:#000;
font-weight:700;
text-shadow:0 1px 0 #666;
}

My problem is, I don't know where to put this code, or parts of it, inside my theme. Can you help me and tell where to add the code inside the Fruit theme? I want to replace the green color where the discussion list is placed (this is my forum: http://cheilenereinfo.fluidpixels.ro/). The best solution would be having all the background colors transparent (header, menu, body and footer) and replaced with a tiled picture (in my case, it's a picture with a map)

Thanks.

vrijvlinder

@cheilenereinfo

The code from the theme Glass that you want to use for your theme, only affects the body, in other words only affects the background of the whole page.

What you want for the discussions container is #Content

You would put this code or edit the code in the custom.css of the Fruit theme. I don't know much about that theme. But if you use firebug or another live web inspector you can figure all this out easy.

peregrine

My problem is, I don't know where to put this code, or parts of it, inside my theme.

see the wiki on theme design, see the documentation on theme design

see the How to's on theme design in the http://vanillaforums.org/categories/tutorials

search the forum on custom.css.

http://vanillaforums.org/discussion/23130/forum-post-ettikett-etiquette

http://vanillaforums.org/discussion/17954/food-for-thought-forum-etiquette

http://vanillaforums.org/addon/annotated_css-theme

http://vanillaforums.org/discussion/19915/deploying-a-new-forum-and-adding-a-theme-for-everyone

http://vanillaforums.org/discussion/20231/how-to-become-somewhat-adept-at-modifying-vanilla-to-meet-your-needs-for-free

http://vanillaforums.org/discussion/25115/how-to-how-can-a-new-user-better-help-the-community-when-asking-a-question

If your question is in regards to a specific theme, it is also a good idea to post your question under that theme. go to the theme in add-ons section. click ask question. Then read all the messages about posting the version number of vanilla you are using.

vrijvlinder

@cheilenereinfo

The code from the theme Glass that you want to use for your theme, only affects the body, in other words only affects the background of the whole page.

What you want for the discussions container is #Content

You would put this code or edit the code in the custom.css of the Fruit theme. I don't know much about that theme. But if you use firebug or another live web inspector you can figure all this out easy.

cheilenereinfo

I finally managed to make the changes. An this is how I did it. That code I wrote in the beginning, I put it at the end of the custom CSS file. Then I made the green background transparent. And now I have my image in the background. I know this may not be the most professional solution for this problem but it worked for me, considering that I have no knowledge of coding