Results 1 to 6 of 6
  1. #1
    Join Date
    Sep 2011
    Posts
    226
    Plugin Contributions
    0

    Default Weird spacing on product listing pages suddenly occured

    Hi guys

    If you check out this product listing page:
    http://pcselect.co.za/index.php?main...ex&cPath=2_354

    ..You'll see that the spacing between and within each row in the product listing table is weird. The product name, short description, stock and price are suppose to lie directly in line (next to) the product image - like this:

    http://screencast.com/t/nMRqXmsrh3E

    I looked at the code and can't figure out why this suddenly happened. I haven't touched the product listing page in months (I did however recently hire a contractor to take care of an unrelated issue - maybe he did something by mistake?)

    I'd appreciate it if you guys could give me a hand here.

    Thanks!
    Seth

  2. #2
    Join Date
    Nov 2007
    Location
    Sunny Coast, Australia
    Posts
    3,379
    Plugin Contributions
    9

    Default Re: Weird spacing on product listing pages suddenly occured

    Quote Originally Posted by SethF View Post
    ...... I haven't touched the product listing page in months (I did however recently hire a contractor to take care of an unrelated issue - maybe he did something by mistake?)....
    If you have neot changed anything at all, could you ask the contractor if he/she 'accidentally' changed anything in the stylesheet?

  3. #3
    Join Date
    Sep 2011
    Posts
    226
    Plugin Contributions
    0

    Default Re: Weird spacing on product listing pages suddenly occured

    These people are not the easiest people to get a hold of - I thought someone in the community might be able to see what's causing this.

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Weird spacing on product listing pages suddenly occured

    I can't see where the problem is coming from (you sure do have a lot of stylesheets), but try adding this to stylesheet.css:

    .productListing-data {vertical-align: top;}

  5. #5
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    8,543
    Plugin Contributions
    9

    Default Re: Weird spacing on product listing pages suddenly occured

    1. You have more stylesheets than I think I've ever seen in one place. Including a snippet coded into the main page!
    2. The alignment is probably caused by:


    Get a copy of Firefox with the firebug addon. You can use it to see what is causing the problem. It is so involved that trying to explain it in a thread would take forever and still might not be the look you want.

  6. #6
    Join Date
    Sep 2011
    Posts
    226
    Plugin Contributions
    0

    Default Re: Weird spacing on product listing pages suddenly occured

    Quote Originally Posted by stevesh View Post
    I can't see where the problem is coming from (you sure do have a lot of stylesheets), but try adding this to stylesheet.css:

    .productListing-data {vertical-align: top;}
    This did the trick - thanks.

    Yeah I know there are quite a few stylesheets. I'll get those cleaned up.

 

 

Similar Threads

  1. v150 Trouble with product images - showing up weird on product listing pages.
    By schapirate in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 27 Apr 2012, 06:25 PM
  2. Products listing layout weird spacing
    By binkydbomb in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Aug 2011, 06:25 PM
  3. Product listing spacing
    By bigdrunk in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Apr 2009, 10:20 AM
  4. Product listing - spacing
    By Laney in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 1 Nov 2006, 02:48 AM
  5. Spacing on product listing page
    By goodmorning in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 8 Sep 2006, 06:14 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR