Move price and quantity side by side in product listing

To Clarify a little bit:

I am using a fully working TemplateMonster Template.

My site is http://digulu.x10hosting.com/store/i...ndex&cPath=1_4

Actually mine TemplateMonster has 3 stylesheet files

\includes\templates\TM001\css\stylesheet.css
\includes\templates\TM001\css\stylesheet_main.css
\includes\templates\TM001\css\stylesheet_tm.css



So I went to each stylesheet and here is what I noticed.
In the stylesheet.css
Both navBreadCrumb and .centerColumn not found.

Found only
#mainWrapper {
text-align: left;
vertical-align: top;
}


In the stylesheet_main.css

mainwrapper not found

I found only
#navBreadCrumb {padding:10px 0px 0px 0px; color:#ffffff; font-weight:bold; margin-bottom:2px;}
.centerColumn {}
.centerColumn table {}

In the stylesheet_tm.css
Both centerColumn, navBreadCrumb and mainWrapper are not found


What do I do next? Please help... should I upload my all css files in here?
:frusty:

Dear Digulu,

Everything seems to be runing okay, it's already on one line. Your computer monitor's resolution is probably set to low resolution (so you get a scroll bar at the bottom of your screen to move right and left) change your resolution to one higher and you can see for yourself.

Your template is already at 1200px which is wide enough and set to auto margins.

The main CSS for this is located in the folowing folder on your server:
store/includes/templates/theme227/css/stylesheet_tm.css

Line:

Code:

---


.main_t{width:1200px; margin:auto; text-align:left;}

---

Maybe make the font to the Quantity discounts table a little smaller to fit everything on the screen on a low-res monitor.

I think what you need to change is here.

Look in: store/includes/templates/theme227/css/stylesheet_main.css

Look for:

Code:

---



.tabTable td .listingDescription {padding:1px 5px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#72736e; text-align:left; font-weight:normal;}

---

Change to:

Code:

---



.tabTable td .listingDescription {padding:1px 5px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; color:#72736e; text-align:left; font-weight:normal;}

---

Hope that helps.

AA TECH DESIGN
http://aatechdesign.com

AATech:

You are genius!! How did you know what file to edit and where is the path? Wow.. I am amazed.. Wow.. I am a Linux person but yet I don't how you figure out my path...and files.

When I change the fonts of my table

Code:

---

.tabTable td .listingDescription {padding:1px 5px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:4px; line-height:15px; color:#72736e; text-align:left; font-weight:normal;}

---

From 15px to 12px. I think I did see font became a bit smaller so I tried with font size 4px. The font size stayed the same. I just wondering why.

Could I please ask you two more questions...

1) How do I move image (photo of product) higher so that Image, Item Title, Price, Addcart is same line. Line up together. Image looks like surrounded bye a square frame. I know how to reduce image size from Admin->Configuration->Image (image size reduced but not the square frame that frame the image).

2)How do I reduce the line spaces between products list.
I have attached a photo for better explaination.

Thank you very much again.
:clap:

Hi Digulu,

I'm glad you got it working... As for your other questions, they have to wait, I'm on my way to the CES show in Vegas and will be back late next week. Hopefully Ajeh can help you out on this.

AA TECH DESIGN
http://aatechdesign.com

Can anyone please help me? I posted earlier in #13. Question#1 and Question#2


Thank you

I have Zen Cart 1.39b can someone explain the code to me how to do side by side

AATech,

Thanks for your help to these guys, and I hope you could help me out too, or point me in the right direction.

1. How do I make attributes appear in product listings? Attributes are added by admin, but they only appear in the product info page, not on the listing.

2. Which brings me to my 2nd problem: How do I rearrange the product info page to make the attributes be prominently on top next to the name of the product?

I am planning a tire website, and one important attribute of a tire is the size which looks like 215/45/17--each number corresponds to an attribute, and would really look useful if they appear on the product listing alongside the name of the tire, and also in the product info.

Thanks in advance!