Product listing horizontal?

[etal2000]

At this moment my products in a category are listed vertical.
I found how to create rows in the category list and have 3 images in one row. Is this also possible for the products? I can't seem to find it.

What I would like:

---PIC---------------------PIC-------------------PIC
description-------------description----------description

Thanks!

[jettrue]

I think what you're looking for is under

"Configuration", "product listing", and change product listing layout style to "columns".

[kobra]

The product info page is a single item...if you are referring to the product listing page - you will need the column grid module

[bahiakey]

Hello kobra,

I just need the same thing as Etal200, horizontal images because I have many iterms to show in my cart and really customers get tired of rolling the mouse.
You mentioned "column grid module", where can I find this module?

Thanks

Ana

[gjh42]

In the Downloads section (link at top pf page).

[bahiakey]

Thank you for your help. I will check the download section. When you have a chance go to: http://thebrokercloset.com/cart/index.php?main_page= and check what we have done up to now. We cannot get the Logo The Broker Closet to go to the left or even minimize the gray space and take The Tag Line off. Please tell me if you see that the page has too dark colors for apparel.
You can email me also at [email protected]

Thank you,

Ana

[jettrue]

Thank you for your help. I will check the download section. When you have a chance go to: http://thebrokercloset.com/cart/index.php?main_page= and check what we have done up to now. We cannot get the Logo The Broker Closet to go to the left or even minimize the gray space and take The Tag Line off. Please tell me if you see that the page has too dark colors for apparel.
You can email me also at [email protected]

Thank you,

Ana

To un-center the logo, just remove this from the css (the text-align:center is centering it):

#logoWrapper{
	/*background-color: #444;*/
	text-align: center;
}

If you don't plan on using the tagline at all, an easy way to get it not to show is to add this to your stylesheet:

#taglineWrapper {display:none;}

And if your looking to get rid of some of the spacing around the logo, change:

.clearBoth {
	clear:both;
}

to

.clearBoth {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	}

[bahiakey]

Dear Jettrue

Thank you very much! I will do as you say and will keep in touch with you. My daughter is helpling me to do this website, all the images are mine and she is trying to take care of the cart configuration side at the same time I am learning too. It is not easy you know, but thank God for all of you that are very helpful in this forum.
The background template she got for me free, but I would like to install other colors to see if my items will look different. Do you know where I can go to get free background templates in other colors other than Black and Gray.

My best regards,

Ana
From Miami

[jettrue]

Dear Jettrue

Thank you very much! I will do as you say and will keep in touch with you. My daughter is helpling me to do this website, all the images are mine and she is trying to take care of the cart configuration side at the same time I am learning too. It is not easy you know, but thank God for all of you that are very helpful in this forum.
The background template she got for me free, but I would like to install other colors to see if my items will look different. Do you know where I can go to get free background templates in other colors other than Black and Gray.

My best regards,

Ana
From Miami

All of the colors are defined in your stylesheet, so you can change that easily.

For example, the main site color is defined here:

#mainWrapper {
background-color: #444;
text-align: left;
width: 99%;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

the #444 is main background color, the lightest gray.

You can change that number to another color number. Here's a page with different color numbers:

http://www.w3schools.com/html/html_colornames.asp

The darkest color on your website (behind the sidebox titles) is #333, the next darkest gray (behind the sideboxes content) is #393939, and most (if not all) of the border colors are #222.

The text colors are controlled by the portions of the css that are like this:

color: #eee;

You can also change the text colors to whatever you like.

[gjh42]

Especially with this template, it will be very easy for you to change the colors by yourself.

In your /includes/templates/mostlygrey/css/stylesheet.css, find
body {
margin: 0;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
font-size: 80%;
line-height: 160%;
color: #eee;
background-color: #222;
}

color: is the default text color for the site, and background-color: is the overall background visible at the edges.

#mainWrapper {
background-color: #444;

is most of the visible background.

Search your stylesheet for background-color to find all the elements that have different colors applied, and try changing them one by one.
To find which tags control each element on your page, get the Firefox browser with its Web Developer extension, if you don't have it already. The Information > Display Element Information button will give you all the names.


OK, what Jade said : )