Can Category Listing be Spaced out more?

Can the category box categories have additional space added between each category? How do I do this?
raelynn

Find (in your stylesheet)

#categoriesContent

Then add this declaration:

line-height: 125%;

(where you can adjust the % according to your needs)

... or simply put this at the bottom of your stylesheet:

#categoriesContent {line-height: 125%;}

Well, I'm not very good with programming, so I had some one else create my style sheet. Where would I find that?
rae

kidzcomfort:

Well, I'm not very good with programming, so I had some one else create my style sheet. Where would I find that?
rae

Hmmm... need to ask a few more questions...

1. Are you comfortable with the FTP process?
2. Do you have a Plain Text editor (such as Notepad++ or Crimson Editor). You will need a good plain text editor to edit core files. Both these editors can be downloaded free off the www.
3. What is you general level of competence when building websites, (incl editing html, etc.
4. Do you know anything about CSS?

Maybe I'll just have my web guy do this piece. I was just trying to save a buck. I don't know anything about anything that you had asked...LOL
Thanks for your help though!
rae

Don't be discouraged, Rae

5 years ago I thought HyperText Markup Language was a phrase used to describe how a dyslexic swears.

Go to:-

https://www.w3schools.com for some good online tutorials, and then attempt a few things yourself.

Ok the advice given here didn't work for me.. so here is my entire stylesheet from my template css folder.

The very last line is where I added what was said here to be added. What am I doing wrong?

/**

• Main CSS Stylesheet
• @package templateSystem
• @copyright Copyright 2003-2005 Zen Cart Development Team
• @copyright Portions Copyright 2003 osCommerce
• @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
• @version $Id: stylesheet.css 4376 2006-09-03 20:42:22Z drbyte $
• @adjusted for 1.3.6 PurpleShades Template
  */

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
color: #9B11A1;
text-decoration: none;
}

a:visited {
color: #9655c4;
text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #D20A6C;
}

a:active {
color: #9B11A1;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, label, h4.optionName, LEGEND, address, .sideBoxContent, .larger{
font-size: 1.1em;
}

.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 3px;
}

code {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

form, select, input {
display: inline;
font-size: 1em;
margin: 0.1em;
}

textarea {
margin: 0.5em auto 0;
display:block;
width: 98%;
}

input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}

fieldset {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

legend {
font-weight: bold;
padding: 0.3em;
}

h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}

LABEL {
line-height: 1.5em;
padding: 0em;
}

label.checkboxlabel, label.radioButtonlabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

label.inputlabel {
width: 11em;
float: left;
}

label.inputlabelPayment {
width: 15em;
float: left;
}

label.selectlabel, label.switchedlabel, label.uploadslabel {
width: 12em;
float: left;
}

p, address {
padding: 0.5em;
}

address {
font-style: normal;
}

.clearBoth {
clear: both;
}

hr {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}

/warnings, errors, messages/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #000000;
}

.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}

.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}

.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}

/wrappers - page or section containers/
#mainWrapper {
background-image: url(../images/hatch_bg.gif);
background-repeat: repeat;
text-align: left;
width: 100%;
vertical-align: top;
}

#logoWrapper{
background-image: url(../images/hdr_bg.gif);
background-repeat: repeat-x;
background-color: #ffffff;
height:160px;
}

#contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#tagline {
color:#ffffff;
font-size: 2em;
line-height: 135px;
text-align : center;
vertical-align: middle;
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/navigation/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-image: url(../images/nav_bg.gif);
background-repeat: repeat;
background-color: #f5f5d6;
/* height: 59px !important; */
margin: 0em;
background-color: #ffffff;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}

#navMain {
line-height: 59px !important;
vertical-align: middle;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 2em;
list-style-type: none;
text-align: center;
line-height: 4.5em;
}

#navMain ul li.firstbar, #navSupp ul li.firstbar, #navCatTabs ul li.firstbar {
display: inline;
border-left: none;
font-size: 1.1em;
color: #ffffff;
}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
border-left: 2px solid;
color: #000000;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
white-space: nowrap;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #000000;
}

#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}

#navEZPagesTOC ul li {
white-space: nowrap;
}

#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

#searchContent {
margin-top: -4px;
}

#navEZPagesTop {
background-color: #d6adeb;
font-size: 0.95em;
font-weight: bold;
margin-bottom: 10em;
padding: 0.5em;
}

#navBreadCrumb {
background-color: none;
font-size: 0.95em;
font-weight: bold;
margin-top: 2.5em;
padding: 0.5em;
}

/* The padding-top in both below is for ezpage use: uncomment if you are using ezpages in the header /
#navColumnOne {
background-color: none;
/ padding-top: 1em; */
}

#navColumnTwo {
background-color: none;
/* padding-top: 1em; */
}

/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 {
background-color: #FFF0F5;
border: 1px dotted;
border-color: #9B11A1;
}

, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

/Shopping Cart Display/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 0px solid #000000;
padding: 1em;
}

.tableHeading TH {
border-bottom: 1px solid #cccccc;
}

.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}

#cartSubTotal {
border-top: 1px solid #cccccc;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}

#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #33CC33;
position: relative; /do not remove-fixes stupid IEbug/
}

.cartOldItem {
color: #660099;
position: relative; /do not remove-fixes stupid IEbug/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #ff0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/Image Display/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

.categoryIcon {}

#cartImage {
margin: 0.5em 1em;
}

/Attributes/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

/sideboxes/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1em;
color: #ffffff;
}

h3#manufacturersHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.1em 0.2em;
}

.leftBoxHeading {
margin: 0em;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.4em 0.2em;
}

.leftBoxContainer {
margin-top: 1.5em;
}

.centerBoxHeading {
margin: 0em;
background-image: url(../images/navcat_bg.gif);
background-color: #9655C4;
padding: 0.5em 0.2em;
}

.sideBoxContent {
padding: 0.4em;
border-left: 1px solid #9B11A1;
border-right: 1px solid #9B11A1;
padding-bottom: 2.5em;
background-color: #ffffff;
background-image: url(../images/sidebox_bot.gif);
background-repeat: no-repeat;
background-position: 0% 100%;
}

h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #ffffff;
}

h3#currenciesHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.3em 0.2em;
}

h3#ezpagesHeading {
margin: 0em;
height: 20px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.0em 0.2em;
}

h3#recordcompaniesHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.1em 0.2em;
}

h3#musicgenresHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.1em 0.2em;
}

h3#searchHeading {
margin: 0em;
height: 22px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.1em 0.2em;
}

.rightBoxHeading {
margin: 0em;
height: 20px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.0em 0.2em;
}

.rightBoxContainer {
margin-top: 1.5em;

}

h3.leftBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}

h3.rightBoxHeading a:hover {
color: #FF0000;
text-decoration: none;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: none;
}

#currenciesContent {
margin-top: -5px;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

/misc/
.back {
float: left;
}

.forward {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}

CAPTION {
/display: none;/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/vertical-align: top/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

label#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}

/**

• Specific Additions for 1.3.6
• Added based upon many forum contributors
  */

.hiddenField {
display: none;
}

.visibleField {
display: inline;
}

.productListing-data {
padding-bottom: 1.5em;
}

#categoryListBoxContents {
line-height: 125%;
}

Copy and paste the following to remove the white space below header and space your images on the product listing page:

.categoryListBoxContents {
float: left;
}

popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.centerColumn { padding-top:0px; }
.leftBoxContainer, .rightBoxContainer {stylesheet.css (line 1135) border:1px solid #727D84; margin:1.2em 0em 0em; }

.productListing-even .productListing-data,{padding:5px 0;font-size:1em;color:#000;}
.productListing-odd .productListing-data{padding:5px 0;font-size:1em;color:#000;}