spacing between category lines

[tgrant]

Is it possible to left justify and also change the space between the main category listings? This is what I have and I'd like to remove the spacing between the subcategories and left justify them:
Category 1.jpg


In the past I was able to adjust the subcategories by adding:

.cat_products .box_row {
border: 0;
padding: 10px 0;
}

to the style_main.css.php stylesheet file. This made it look like this, which is what I'd like the main categoryu o look like (also left justified)

Category 2.jpgI'd like to be able to do the same with the main category listings. Thanks!

[Jamie]

Change:

.subcategories .box_row { 
    border: 0;
    padding: 5px;
}

to:

.subcategories .box_row { 
    border: 0;
    padding: 0;
}

Change:

.subcategories .box_row {
    margin-bottom: 30px;
}

to:

.subcategories .box_row {
    text-align:left;
}

[tgrant]

Thank you very much Jamie! I'll give that a whirl. Thanks for the help!

[Jamie]

You're welcome. The extra space is there by default because they are normally shown 3 to a row and with optional thumbnail images which look odd without some extra spacing. If you are going with one per row and no images, it would look better with less spacing.

[tgrant]

Actually I like the default, but the client wants it changed What you gave me works like a charm.

Do I need to do something to force the thumbnails to the left or is that not possible? Category 3.jpg

[Jamie]

Unless you changed other CSS causing a conflict, the above CSS changes should align the subcategory names and images to the left.

[tgrant]

I couldn't finda any conflicts. The "Limit Switches" category above has no parent, or sub-categories. Does that mean I have to left align the main categories in the style_main.css ?

[tgrant]

I've been trying some different things to get this sub-category left aligned. (I think it's called a sub-category, it has a parent category). I'm trying to get the photos and text to left align. I already made the change that you suggested above and that left aligned the text in several categories that don't have photos. However categories with thumbnails don't want to left align, so I'm flummoxed. Any help would be appreciated!


Category 4.jpg

[tgrant]

I think I've got this straightened around. It had to do with the padding in the .cat_products.

.cat_products .box_row {

border: 0;

padding: 5px 0;

[Jamie]

Glad you got it working

[tgrant]

Amazing the trouble you can get into when you change the stylesheet too many times Thanks again for your help on this!