Product description layout

[hamid84]

Hi,

Here is my product page. I want to have product description in well organised format e,g Odd line in plain, even line in colour.

Also the title that says " Model No ". I want that in Bold so its well visible.

What do i need to add into css?

Thanks

[stevesh]

Since that's just a table with text in the <td>s, I don't think there's any way to do what you want in the stylesheet. You'd have to add the styling manually in the description, or separate the description into <div>s.

[hamid84]

Thanks for reply but how can i do that? I have no idea what you have said so an answer would be very much appreciated.

[stevesh]

For example, here's the first part of one product description:

table ><tr><td> <b>Model Number</b> </td><td>K50C-SX009V</td></tr><tr><td>Package Type</td><td>Retail</td></tr><tr><td>Warranty</td><td>2 Years</td></tr><tr><td>Display</td><td>15.6" HD (1366x768) Color-Shine (Glare-type) Asus Splendid Video Intelligent Technology</td></tr><tr><td>CPU</td><td>Intel Celeron 220 (1.2GHz)</td>

You could add the red parts to make that text bold.

You could also add these tags:

table ><tr><td>Model Number</td><td>K50C-SX009V</td></tr><tr class="odd" ><td>Package Type</td><td>Retail</td></tr><tr><td>Warranty</td><td>2 Years</td></tr><tr class="odd"><td>Display</td><td>15.6" HD (1366x768) Color-Shine (Glare-type) Asus Splendid Video Intelligent Technology</td></tr><tr><td>CPU</td><td>Intel Celeron 220 (1.2GHz)</td>

and style .odd in the stylesheet to make every other line a different color

[hamid84]

so so much thanks for reply BUT where do i add these lines? Shall i just copy the code you have suggested and paste it?

[stevesh]

It would be in the product's description in Admin - Catalog - Categories/Products. You would have to do each product separately.

It might be better to dispense with the tables and just create that part of the description as a list and add <div>s around the parts you want to style differently.

[hamid84]

Oh nooo.. That would be real pain to do one by one.

Actually this is the data feed that's being supplied by supplier via CSV format... Any further suggestion?

[stevesh]

No. There's no way I can think of to style that stuff without editing one by one, unless you could manipulate the csv file somehow. Someone else may have an idea.