[Richard]

Hi there

I’m trying to find the best way to list products, alongside their description and specification.

The alignment is difficult just entering the image and text so I tried tables, like this page http://www.educationalinteriors.co.uk/dining-chairs/

but I find that the theme adds a border top and bottom. Also, the alignment of the text in the columns moves down if I put each block of text between the <td> and < /td> tags.

I thought I would try columns, using the jshortcodes plugin. It seperates the sections nicely, but the text alignment is strange. See this page http://www.educationalinteriors.co.uk/atlas-chairs/

Hopefully this makes sense and you can see what I’m trying to do.

I appreciate any help and suggestions to the best way to display the products.

Thanks
Richard

[Sakin]

@Richard: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to remove the table border.
.entry-content table, .entry-content td { border: none; }

For alignment in table you can use the following CSS.
.entry-content td { vertical-align: top; }

[Richard]

Thanks for the quick reply.

I’ve decided to use columns and the text alignment code works great.

I want to keep a single line as it helps divide the products.

Is there a code I can add to make a single line for each row?

http://www.educationalinteriors.co.uk/atlas-chairs/

Thanks
Richard

[Sakin]

@Richard: You can simply add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.entry-content td { border-top: none; }

[Richard]

Thanks again

[Author]

Posts