Print Page | Close Window

Image Spacing and View All

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=3791
Printed Date: 16-July-2025 at 1:31am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: Image Spacing and View All
Posted By: avalight
Subject: Image Spacing and View All
Date Posted: 17-June-2010 at 3:12pm
I am trying to reduce the space between images.  This would be on a category page, under the product section, not the category image section.  I have tried to adjust padding in the pcStorefront.css file, but that doesn't do anything.  It is on this page, for example. http://www.avalanche-ranch.com/rusticlighting/pc/Rustic-Mirrors-c6.htm - http://www.avalanche-ranch.com/rusticlighting/pc/Rustic-Mirrors-c6.htm
On lower portion.  The pcShowProductsH.asp is the one that seems to be active on this section.
I also want to have a link to show all.



-------------
Curt



Replies:
Posted By: avalight
Date Posted: 04-July-2010 at 5:08pm
Hello - Still waiting to see if anyone knows how get the category page images closer together on a row...Happy 4th of July.

-------------
Curt


Posted By: Guests
Date Posted: 05-July-2010 at 3:54pm
Hi Curt,

A tool like Google Chrome's Developer Tools would help you a lot here.

Using that, I'm seeing:

.pcShowProducts td {padding:3px}
This gets applied twice, so it's actually adding 6px padding.

.pcMainTable p {margin: 0px 0px 0px 5px;}
This one is a little trickier as it applies to a lot of things. You should add a more specific rule:

.showProductImageH p {margin:0}

#pcMain .pcShowProductImageH img {padding: 1px;}

Looks like that's about as tight as you could get it.


Posted By: intour
Date Posted: 09-July-2010 at 5:32am
There doesn't appear to be much space left between your images (unless you have already reduced the space).
 
I think it is :
 
showProductImageH
 
in the style sheet - you need to adjuct the height/width setting as well as tweaking the padding.
 
Nigel


-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net