
Originally Posted by
luvingmamma
Question- Link is ip because site isn't live but here it is:
http://74.52.222.34/~exclusiv/index.php?main_page=
I JUST LOVE this template but the color scheme doesn't match well... so I want to fine tune it only. The layout rocks and is everything I hoped for but I need help with the following:
(NOTE- this is only the 3rd template i have installed first was success, 2nd was failure -trying to get fixed and this one was a success so I am new to this I guess is the point)
1. I would like to remove the gray banner near the top behind the graphic
2. I would like to change the colors of the boxes,
3- I would like to make the banner go across the top
4- add back ground
Here is our current site on a horrible cart:
www.exclusivelyknd.com but want to try to somewhat mimic the site as far as color scheme etc....
I appreciate any help and if I am asking in the wrong place please send me packing (with a map to the right location of course lol)
Thanks!
Brandy aka newbie!
(I have been operating a zen cart
www.luvingmammadiapers.com for a year but these new sites are the first i am doing the building of it... the other was built for me and a big headache

)
1. I would like to remove the gray banner near the top behind the graphic
open includes/templates/comstock/css/stylesheet.css
find the following declaration and delete the highlighted portion
Code:
#navAccountWrapper {
margin: auto;
background: url(../images/header_bg_2.jpg);
font-weight: bold;
color: #ccccff;
height: 26px;
width: 907px;
}
Save the file and upload to your server.
2. I would like to change the colors of the boxes,
The are graphics which you will have to change; they are located in
includes/templates/comstock/images/
sidebox_content_bg.gif
sidebox_header_bg.gif
You will need to edit the images in your graphics editor in order to change the colors.
3- I would like to make the banner go across the top
open includes/templates/comstock/css/stylesheet.css
find the following declaration:
Code:
#logoWrapper {
margin: 0 auto;
padding: 0;
width: 907px;
height:100px;
background: url(../images/header_bg.jpg) no-repeat #ccccff;
}
and replace with the following:
Code:
#logoWrapper {
margin: 0;
padding: 0;
height:144px;
background: url(../images/header_bg.jpg) no-repeat #ccccff;
}
Find the following declaration:
Code:
#headerWrapper {
margin: 0 auto;
padding: 0;
background: #ccccff;
}
and replace with the following:
Code:
#headerWrapper {
margin: 0;
padding: 0;
background: #ccccff;
width:100%;
}
4- add back ground
open includes/templates/comstock/css/stylesheet.css
add the highlighted portion to the body declaration.
Code:
body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background: url(../images/your_background_image.gif) #ccccff;
}
save the file and upload to your server.
Hope this helps
Bookmarks