ProductCart Shopping Cart Software Forums : Center Image on Home Page - Help :-(

Center Image on Home Page - Help :-( : Hi Thadosha, If the text moves...

Thu, 02 Jun 2011 09:49:16 +0000

Author: Hamish
Subject: 4521
Posted: 02-June-2011 at 9:49am

Hi Thadosha, If the text moves up it would be base-lined again :-)
The image is in its own row with class="pcShowProductImageH

From the CSS :
.pcShowProductImageH
{
height: 125px;
text-align: center;
padding-bottom: 3px;
}

On other pages where there are multiple products per row if a height was not set for the space for images the laout would end up looking terrible (or if you use images larger than the specified size).

Center Image on Home Page - Help :-( : Hi Everyone, I want to thank...

Thu, 02 Jun 2011 08:32:39 +0000

Author: Thadosha
Subject: 4521
Posted: 02-June-2011 at 8:32am

Hi Everyone,

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

Center Image on Home Page - Help :-( : Good point Greg :-D

Wed, 01 Jun 2011 14:35:06 +0000

Author: Hamish
Subject: 4521
Posted: 01-June-2011 at 2:35pm

Good point Greg :-D

Center Image on Home Page - Help :-( : but be sure not to pay attention...

Wed, 01 Jun 2011 13:13:27 +0000

Author: Greg Dinger
Subject: 4521
Posted: 01-June-2011 at 1:13pm

but be sure not to pay attention to his funny spelling. HTML don't speak Brit.

Center Image on Home Page - Help :-( : I just looked & pcShowProductImageH...

Wed, 01 Jun 2011 13:06:57 +0000

Author: Hamish
Subject: 4521
Posted: 01-June-2011 at 1:06pm

I just looked & pcShowProductImageH is set to bottom. Change it to centre & all wil be peachy :-)

Center Image on Home Page - Help :-( : The extra space above the Featured...

Wed, 01 Jun 2011 01:13:36 +0000

Author: Thadosha
Subject: 4521
Posted: 01-June-2011 at 1:13am

The extra space above the Featured items test product, I am trying to even it off so the top is the same as the bottom. Right now the way you see it, the test product is baselined for some strange reason. I am trying move the item up to get rid of the white space above it.

Thank you very much for your help...

http://www.ammoonsale.com

Thadosha

Center Image on Home Page - Help :-( : How about describing again what...

Wed, 01 Jun 2011 01:07:36 +0000

Author: Greg Dinger
Subject: 4521
Posted: 01-June-2011 at 1:07am

How about describing again what you are trying to do. Your post is not clear to me.

Center Image on Home Page - Help :-( : Thank you for your response. I...

Wed, 01 Jun 2011 00:59:29 +0000

Author: Thadosha
Subject: 4521
Posted: 01-June-2011 at 12:59am

Thank you for your response. I did check thios area. It is already set to TOP.

/* 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;
  }

Center Image on Home Page - Help :-( : <td class="pcShowProdu...

Wed, 01 Jun 2011 00:36:28 +0000

Author: Greg Dinger
Subject: 4521
Posted: 01-June-2011 at 12:36am

this should be your first clue. Mess with that class in pcStoreFront.css

Center Image on Home Page - Help :-( : Hi, I am trying to center the...

Wed, 01 Jun 2011 00:30:03 +0000

Author: Thadosha
Subject: 4521
Posted: 01-June-2011 at 12:30am

Hi,

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.

http://www.ammoonsale.com

Thank you!!!

P.S. I am using ProductCart V3.51