How do I change my CSS so that all items display in the bottom of the cells in catagory display. I tried doing this on line 55 and it also droped the right and left column text to the bottom (not good LOL)

PLEASE HELP!!

This should do it:

Now thats service!! Your awesome thank you!!

I have done the opposite and they all align on the top now. I have 1 px border around each "div.product-list-item" and I want the bottoms to line up also. I know I cannot set a height to 100% so how could I accomplish this?

(btw..not my site)

What if I want to have the subcategories center aligned on the category page. I see you are using coding above. Does this just go in the html field of the category page?

Thanks,
Angel

Insert the following into your css file...



If you need information on how to do this visit here.

Okay. I never did this before. I should download the css file from site and copy the coding into the category section? Then upload the saved file.

I noticed I have several css style files in my file manager in various folders. Which one do I use?

Thanks for your help

Upload a new css file to themes >> default >> css folder in the file manager with the code I provided above.

To create a css file just open up notepad, choose File >> Save As, select the file type of all and save as FileName.css

Thanks Eddie. It worked like a charm. Looks like css is easier to work with than html. I'll try learning all I can so I can apply changes to my site in the future. One more question. If I come across any other css styles I want to apply to my site or a certain section of my site, do I just at the coding to the same file I created and upload it again or do I have to create a seperate .css file for each one?

Thanks and Happy New Year!
Angel

It is a personal preference really, most people manage all styles through a single CSS document though.

I want to center the product on the product page. Before I attempt to do it on my own (since I've never worked with css), I just wanted to ask for the specific wording. Should this be the wording?

table.product-list td { vertical-align:center !important; }

Thanks,
Marcia

Hi. I have a question regarding this. We are moving our current web site to NS. I am currently designing it using a NS template. I was wondering about the CSS file. I see all these postings about editing the CSS, but I see that the default css is not allowed to be edited according to the FAQ link you provided below. I don't have Dreamweaver to create a css file and my CSS folder is empty. If I wanted to, say, center my categories, how would I do this if I don't have a css file to download from my file manager? Thanks very much!!!!

A CSS file is just a text file that you can create from scratch in a simple program like notepad. Open notepad or a similar text editor, add your CSS rules and then File > Save As. Be sure to change the file type drop down menu from Text Document to All Files. Name it "anything.css" and then upload it to your active CSS folder. I hope this helps.

Oh my goodness! I can't believe it was that easy and it worked like a charm! I thought I needed the entire code for the web site! Duh.....I really appreciate your help! I can't believe I've been messing around with this for so long!!!

Thanks
Much better on ours that way also
Dave

I have been unsuccessfully trying to center the product in it's side of the on the product layout page. At the moment I am using the first layout choice. Interestingly, if I choose the 2nd layout, where the product is on the right, it centers. How do I get the other layout to center on the right.

Marcia