Modify how the product list table is displayed

Hi there,
I've been looking for the answer for this everywhere, but no joy!

I've created a product list & pricing, and it displays in the main body of the page. However it's located at the top left and I'd like it to be centred and with a gap between the whole product table and the top menu bar.

How do I insert this sort of padding and also centre the table on the page?

All help much appreciated!

Hi,

could you give a link to that page so that we can see what you're talking about (and look at the HTML/CSS with firebug) ?

That would help us answer you.

Here it is: www.maddyjohnson.com/book-with-maddy.html


..as you can prob see I just want to move the whole list down and right.

Thanks,

Maddy

Hi,

You can add such CSS in the front end CSS file of HikaShop that you can edit via the Display tab of the configuration:

.hikashop_products_table{
margin-top: 200px;
margin-left: 80px;
}