Jump to content

Change background (left/right module)


takhiera

Recommended Posts

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/

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...