Center Image on Home Page - Help :-(

 

I am trying to center the images on my main page. if you look at the test product under "Featured Items", it seems to be Baselined.

 

How can I fix this and in what file is the fix in. I checked pcStoreFront.css but did not know where to go to fix this issue.

 

Any help would be greatly appreciated.

 

 

Thank you!!!

 

P.S. I am using ProductCart V3.51

 

/* pcShowProductsH handles the table that shows product info
    when products are displayed horizontally */
  
  .pcShowProductsH {
   width: 125px;
   height: 225px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
  }
  
  .pcShowProductImageH {
   height: 125px;
   vertical-align: top;
   text-align: center;
   padding-bottom: 3px;
  }
  
  #pcMain .pcShowProductImageH img {
   border: 1px solid #E1E1E1;
   padding: 5px;
  }
  
  #pcMain .pcShowCategoryImage img {
   border: 1px solid #E1E1E1;
   padding: 5px;
  }
  
  .pcShowProductInfoH {
   height: 100px;
   margin-top: 5px;
   vertical-align: top;
  }
  
  .pcShowProductInfoH p {
   text-align: center;
  }
  

 

Thank you very much for your help...

 

 

Thadosha

 

I want to thank all that helped me with the image problem. The only thing wrong now is the text under it. Why does productcart make two code snips for one product?

 

Now if you look under the image, the text is still baselined. When I changed the "bottom" to "center", in a programmers world, it should have moved everything, not just the image.

 

Does anyone know how I can get the text under the image to move up under the image like it was before? I do not know why the text did not move up along with the product except for the fact it was not coded that way.

 

Any help with this, hopefully last issue, would greatly appreciated.

 

Thank you again!!

 

Thadosha