Product listing table css styling

[bigmo337]

Hi, I am trying to make a pizza website.

Here is the link for the pizza listing.


I want my table to have 3 colums.

Product Name ----------------Price------Add to cart.

In my FireFox developer plugin, I manage to see how the table is built in HTML. I can customize that HTML to style the table in my way.

However I don't know where in my actual files I can access that html/php page.

I have looked in the following files, tpl_tabular_display.php, product-listing.php

In my CSS I managed to change the colors of the table cells,

.tabTable td.productListing-data
{

background-color: #CC2345;
text-align: left;
height: 100px;
 }

The colors are applied, but the Height never seems to change? Is it because of the Add to cart image that expands the cell height?

I hope my question makes sense. Please I need help with this.

[gjh42]

Is your add to cart button bigger than 100px? We can answer your questions better if we can see your site.

[bigmo337]

Here is the product listing page I want to modify.

http://destinationheaven.co.uk/shop/...index&cPath=65

The add to cart button is only 50px high.

[gjh42]

I'm not seeing any product listing at all when on the product listing page. Have you turned off all the product display elements? You seem to have most of the elements turned off for the new and all products listings as well.

[bigmo337]

Sorry I was playing with my codes.

But it is up again now.

http://destinationheaven.co.uk/shop/...index&cPath=65

I have sort of fixed it now, I am just trying to get the Product Pricce and Add to Cart Button all the way to the right .

[gjh42]

They are all the way to the right of the listing column now... do you mean all the way to the right of the page? You need to turn off the right sidebar in Configuration > Layout Settings > Column Right status - Global.