Change background (left/right module)

[takhiera]

Im having a little problem customizing a theme. Im trying to change the background of the category, manufacturer, information, cart, etc...

 

I figures how to change the background of the cart and of the left column.

 

My problem is that I can figure where to add the css to change the background of category/manufacturer/information.

 

Well I did manage to change the background but It changes all of them with the same graphics. I need them to be all different.

 

Any help would be greatly appreciated!

 

Thanks

 

http://fondationlaurieann.com/presta/

[Pshopic]

You have to write different class and id's for different blocks. Example to change manufacture's block background you have to use :

 

#manufacturers_block_left {


background: url (......)
}

[takhiera]

Thanks, I will try that

[takhiera]

It works thanks Just need to fix everything but I should be able to figure the reste out

[takhiera]

Ok, well it did work a bit but im having a new bug... The only way of showing the graphics that I want on the category module, is to delete all the graphics on the left column.

 

Since I ONLY want the category bloc to be different, what exactly do I need to change? Here's the website again: http://fondationlaurieann.com/presta/

 

Heres the code for the whole left column:

/* Default block style */
div.block {
margin-bottom: 1em;
width: 191px;
}
#left_column div.block, #right_column div.block {
padding-bottom: 57px;
background: transparent url('../img/mod/footy.png') no-repeat bottom left;
}
div.block h4 {
text-transform: uppercase;
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.2em;
padding-left:4em;
background-image: url('../img/mod/headycat.png');
padding-top:2px;
line-height:3.7em;
color: #206aa5;
height: 81px;
}
div.block h4 a { color: #206aa5; }
div.block ul { list-style: none; }
div.block ul.tree li { padding-left:1.2em; }
div.block a:hover { text-decoration: underline; }
#left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; }
div.block .block_content {
padding:0.5em 2em 0pt;
min-height:20px;
background-image: url('../img/mod/midy.png');
}
div.block li {
padding: 0.2em 0 0.2em 0em;
list-style-position: outside;
}
div.block a {
color: #5aa0d7;
text-decoration: none;
}

 

I need exactly the same value BUT the images are the following:

header: http://fondationlaur...od/headrdog.png

middle: http://fondationlaur...mg/mod/midr.png

footer: http://fondationlaur...g/mod/footr.png

 

So the footy.png would be changed for the footr.png

the midy.png by the midr.png

and the headycat.png by the headrdog.png

 

Any help would be greatly appreciated since i've been trying for a few days now and still havent figured it out...

 

Thanks alot for your time!

[takhiera]

Got help from a friend and figured it out finally