Forums / Templates, Stylesheets, Page Layout / Gap at top of product listing - Remove

Gap at top of product listing - Remove

Locked

Started by rbevis on 20 Feb 2009, 2:05 AM · Views: 839

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
20 Feb 2009, 3:16 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

rbevis:

http://www.ncpowerkites.com/Storefront/index.php?main_page=index&cPath=65_66_73

Guys,

I'm looking to remove the gap at the top of the product listing (right above the 'add to cart' button)

Any help?

Rb,
Locate this:
includes/templates/mother_earth/css/stylesheet.css

Find this:
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding:20px;
}

  1. the highlighted red in the declaration above need to be deleted..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

20 Feb 2009, 3:58 AM
#3
rbevis avatar

rbevis

New Zenner

Join Date:
Feb 2009
Posts:
5
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

Thanks for the help haredo but it did not fix the problem. I have the result shown on the website. Virtually the same from what I can tell.

20 Feb 2009, 4:01 AM
#4
rbevis avatar

rbevis

New Zenner

Join Date:
Feb 2009
Posts:
5
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

This is what a section of my css looks like that is uploaded now so you can see that i made the changes.

.notice {}
.rating{}
.gvBal {
float: right;
}
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 20px;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

/Shopping Cart Display/

20 Feb 2009, 4:06 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

Rb,
add this declaration to the stylesheet.css

#productListing {margin-top: -2em;}

  1. was just guessing with the -2 could be -2.5 or so.
  2. fix as desired

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

20 Feb 2009, 10:13 PM
#6
rbevis avatar

rbevis

New Zenner

Join Date:
Feb 2009
Posts:
5
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

Excellent! That was the trick. However; it led to another small problem. When I have a category with nothing in stock that I wish to show, the 'add to cart' button is not displayed and messes up the formatting.

Example:
http://www.ncpowerkites.com/Storefront/index.php?main_page=index&cPath=65_66_70

How can I make the 'add to cart' button show at the top of the product listing even if there are no products in stock in that particular category?

21 Feb 2009, 1:06 AM
#7
rbevis avatar

rbevis

New Zenner

Join Date:
Feb 2009
Posts:
5
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

Got it fixed.

Solution was under Config->Product Listing:

Display multiple products qty box = 0
Display product add to cart button = 2

Looks nice now. Thanks for all the help though.

21 Feb 2009, 4:39 AM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Gap at top of product listing - Remove

Rb,
Great you are on the right track and followed up with the solution for me and others to learn..

Nice site by the way...

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.