Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2009
    Posts
    5
    Plugin Contributions
    0

    red flag Gap at top of product listing - Remove

    http://www.ncpowerkites.com/Storefro...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?

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Gap at top of product listing - Remove

    Quote Originally Posted by rbevis View Post
    http://www.ncpowerkites.com/Storefro...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..

  3. #3
    Join Date
    Feb 2009
    Posts
    5
    Plugin Contributions
    0

    Default 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.

  4. #4
    Join Date
    Feb 2009
    Posts
    5
    Plugin Contributions
    0

    Default 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*/

  5. #5
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default 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

  6. #6
    Join Date
    Feb 2009
    Posts
    5
    Plugin Contributions
    0

    Default 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/Storefro...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?

  7. #7
    Join Date
    Feb 2009
    Posts
    5
    Plugin Contributions
    0

    Default 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.

  8. #8
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default 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...

 

 

Similar Threads

  1. product listing: Huge gap between product and price/add
    By Nkin in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 27 May 2011, 03:00 PM
  2. increase gap at bottom of product listing page before 'new products for' box
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 11 Jun 2009, 01:33 PM
  3. increasing space / gap between products on product listing page
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 3 Jun 2009, 10:49 AM
  4. Gap in product listing between price and 'sold out' button
    By hindley08 in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 29 Jul 2008, 06:51 PM
  5. Remove Small Image Top Left of Product Listing Page
    By chava in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 23 Apr 2008, 03:23 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg