Zen Follower
- Join Date:
- May 2010
- Location:
- Athens, Greece
- Posts:
- 293
- Plugin Contributions:
- 0
Removing the bottom menu bar
Hello everyone,
Just a quick question for the "people who know".
I have cloned the classic 1.3.9d template and have started to do some customisation (still a long way to go). I tried to find a way to remove the bottom menu bar and couldn't find any information in the forums. I finally found a solution which works, but would like to have the opinion of people familiar with CSS and the way Zen Cart works, not very easy for novices really.
What I did: I edited two parts of my /includes/templates/my_template/css/stylesheet.css and added what appears in red.
....
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
height: 1%;
}
#navSuppWrapper {
display: none;
}
#navCatTabsWrapper {
background-color: #ffffff;
color: #9a9a9a;
background-image:none;
display: none;
}
....
The above removed the menu bar, which is what I wanted to achieve.
The second change was in another part of the file and the red text was added as shown:
....
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}
/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}
.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}
#siteinfoLegal {
background-color: #fff8dc;
}
....
This gave a light yellow background to the legal information at the bottom of the page.
My question is: did I did something wrong, stupid, acceptable, correct or what? The effects can be seen at http://athenscollectibles.info
Thanks in advance to anyone who cares to have a look and wishes for a nice weekend to all.
