Forums / Templates, Stylesheets, Page Layout / need help aligning product listing with background

need help aligning product listing with background

Locked

Views: 583

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
22 Aug 2010, 3:51 AM
#1
hangman21 avatar

hangman21

Zen Follower

Join Date:
May 2010
Posts:
138
Plugin Contributions:
0

need help aligning product listing with background

i havent changed any of the zen cart coding everything is still the same i have been reading tutorials at your site how to create custom templates, but i am having a bet trouble aligning the products with its customer background can you please explain to me what i need to do to accomplish.

here is my site http://sunkissed.hostzi.com/shops/index.php?main_page=index&cPath=1 to take a look at what i am talking about

thanks,
hangman21

22 Aug 2010, 4:49 AM
#2
hangman21 avatar

hangman21

Zen Follower

Join Date:
May 2010
Posts:
138
Plugin Contributions:
0

Re: need help aligning product listing with background

i forgot to add an image of the area i am talking about

thanks again,
hangman21

22 Aug 2010, 7:37 PM
#3
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Re: need help aligning product listing with background

When you go to line 602 in your stylesheet you will see:

.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
padding:2em 0 0;
text-align:center;

I added in this padding using Firebug and it seems to have solved the issue. HOWEVER - you'll need to identify the definitions in the above you need to pad to make this happen throughout your site in the right areas, without affecting the whole site as I would imagine you wont want this padding in all of the above definitions.

Hope this helps and makes sense.

Steve
Site Under Construction: adatglobal.com