Home Page Product Thumbnails staggered
Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Using ProductCart
Forum Description: Running your store with ProductCart
URL: https://forum.productcart.com/forum_posts.asp?TID=5063
Printed Date: 20-April-2024 at 10:35am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: Home Page Product Thumbnails staggered
Posted By: BlackReefDesigns
Subject: Home Page Product Thumbnails staggered
Date Posted: 22-March-2012 at 6:42pm
Hello,
I am asking this on behalf of the storeowner, but when we have the home page set to show the products in 3 columns, we notice that it is staggering the appearance of the products (you can see here):
http://64.27.9.46/store/pc/home.asp" rel="nofollow - http://64.27.9.46/store/pc/home.asp
Im assuming this is because of the longer product names? Is there anyway to address this so they are all evenly spaced and at the same level, without changing the product names?
Thanks in advance
(i know this is a small detail issue, so thanks)
-------------
Joe S.
BlackReef.net
|
Replies:
Posted By: Greg Dinger
Date Posted: 22-March-2012 at 6:44pm
yes, but you can edit the CSS for the containing cell to valign the image to the top of the cell.
-------------
GreyBeard Design Group
Certified ProductCart Developer
Web Design/Development/Hosting
http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |
|
Posted By: Hamish
Date Posted: 22-March-2012 at 6:51pm
In pcstorefront.css set :-
.pcShowProducts td {
padding: 3px;
vertical-align: top;
}
-------------
Editing ProductCart Code?
See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code
|
Posted By: BlackReefDesigns
Date Posted: 22-March-2012 at 7:05pm
well, that was easy enough. Thank you very much Greg & Hamish, I appreciate it.
-------------
Joe S.
BlackReef.net
|
Posted By: Hamish
Date Posted: 22-March-2012 at 7:09pm
Yep, use Firefox with the Web Developer add-on, or Chrome & you can check what css rules apply to an element and also edit them on the fly to see the impact.
-------------
Editing ProductCart Code?
See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code
|
|