Help Category Product Display

[avf]

Hello,
I think I must have overwritten some files because my display is not as i think i was supposed to be.

Please help me get this aligned on my display
The first image is the present display and the 2nd one is how i want it to be.
Thank you so much
avf

[gjh42]

The first image is the standard layout of a plain vanilla installation.

You can style the product listing by adding to your stylesheet

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em;
	margin-bottom: 1em;
	border-bottom: 3px double #aaccbb;
	}

Adjust to taste.
If you only want the description (and title?) left-justified, you can use this:

h3.itemTitle, .listingDescription {text-align:left;}

[avf]

thanks for that. which and where is the css file ?

[avf]

great works for me
thanks for the support
avf

[procella]

Anyone on this thread that knows how to make subcategories in centercolumn to show horizontally?
I tried alot allready and starting to give up

[gjh42]

Admin > Configuration > Maximum Values > Categories To List Per Row should do it. If it doesn't, post a link to your site - your template could be set up to disable this.

[procella]

Thanks in advance

I have put Categories To List Per Row ->3 and tried also with two
Also tried the width of both page and image

Here is a link directly to a page with 3 categories
http://garudakauppa.fi/nettikauppa/i...=index&cPath=2

it is in finnish though

[gjh42]

First, you apparently removed the default float: left; that lets the subcats sit side by side. You also added horizontal padding and margins that make them take up more space than is available.
This will fix it:

.categoryListBoxContents {
	 text-align: center;
	 padding: 0.5em 0;
     border-bottom: 1px solid #CCCCCC;
     margin: 1em 0;
	 width:100%;
     float: left;
	 }

You don't need the width:100%; either.

[melena]

Hi there,
how do i change the font size and color in the category description?
Thanks!

[procella]

First, you apparently removed the default float: left; that lets the subcats sit side by side. You also added horizontal padding and margins that make them take up more space than is available.
This will fix it:

.categoryListBoxContents {
	 text-align: center;
	 padding: 0.5em 0;
     border-bottom: 1px solid #CCCCCC;
     margin: 1em 0;
	 width:100%;
     float: left;
	 }

You don't need the width:100%; either.

Thanks it helped. Still a lot to fix..

<<Hi there,
how do i change the font size and color in the category description?
Thanks>>

Maybe changing in stylesheet.css
.categoryListBoxContents {
font-color: #ffffff;
font-size:11px;
}

my example color is white
Im not sure it will do it but you can try