You will want to turn off category counts, and set subcategories indent and separator to blank, in your admin. Also turn off new products etc. instead of using css to blank them out.
This CSS will give you a start on arranging your subcat boxes.
Code:
/**
* CSS Stylesheet for Categories Dressing examples
* copy/modify desired sections into main stylesheet, integrating with existing declarations, and delete this file
* Categories Dressing v2.0 Glenn Herbert (gjh42) 2007-07-13
*/
/*
edits for headsonics 2007-07-25
*/
#navCatTabs a.category-top {color: #000000;}
#indexCategories .catPriceHeading1 {
font-family: 'times new roman', serif;
font-weight: bold;
font-size: 1.4em;
color: #335511;
background-color: #ff66ff;
/*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
/*height: 23px; */ /*uncomment to use background image without coded text*/
display: block;
padding: 0.3em 0.4em;
margin-top: 2px;
margin-bottom: 2px;
}
#indexCategories .catTypeHeading1 {
font-family: 'times new roman', serif;
font-weight: bold;
font-size: 1.4em;
color: #335511;
background-color: #ff66ff;
/*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
/*height: 23px; */ /*uncomment to use background image without coded text*/
display: block;
padding: 0.3em 0.4em;
margin-top: 2px;
margin-bottom: 2px;
}
#indexCategories .catBrandHeading1 {
font-family: 'times new roman', serif;
font-weight: bold;
font-size: 1.4em;
color: #335511;
background-color: #ff66ff;
/*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
/*height: 23px; */ /*uncomment to use background image without coded text*/
display: block;
padding: 0.3em 0.4em;
margin-top: 2px;
margin-bottom: 2px;
}
/*display all cat box links as block*/
#indexCategories a {
background-repeat: no-repeat;
display: block;
}
/*example for individual category as bg image*/
a.catBg25 {
background-image: url(../images/catbg25.gif);
height: 30px;
}
a.catBg25:hover {
background-image: url(../images/catbg25hover.gif);
}
#indexCategories a.category-subs-text, #indexCategories a.category-products-text {
/*background-color: #ff69ff;*/
color: #6699aa;
/*margin: 0.2em 0;*/
/*padding: 0.2em 0.3em;*/
}
#indexCategories a.category-subs-text:hover, #indexCategories a.category-products-text:hover {
/*background-color: #ff69ff;*/
color: #ff9966;
/*margin: 0.2em 0;*/
/*padding: 0.2em 0.3em;*/
}
#indexCategories #catPrice { position: absolute; top: 300px; left: 100px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}
#indexCategories #catType { position: absolute; top: 300px; left: 350px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}
#indexCategories #catBrand { position: absolute; top: 300px; left: 600px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}
Bookmarks