Page 1 of 3 123 LastLast
Results 1 to 10 of 30
  1. #1
    Join Date
    Dec 2005
    Posts
    13
    Plugin Contributions
    0

    Default Product List - Spacing issue

    I hope I am placing this question in the right place... I have read and re-read until my eye's hurt... so I am going to ask this one question.

    Where/what file is it that I need to modify and where in that file to increase the space between the images displayed on the product list page.

    I would like to increase the size of the images and I know to do that in Admin, but when I do that the product list page gets all funky so I would like to try and fix that.

    Here is a link to the site http://www.stuffedpretzel.com/store/...=index&cPath=1 - Notice how close the images are???

    Please be gentile, I am so green at this... have been working on it for days... guess you could say I am a Donkey on the edge... Shrek!

    Thanks for you help

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Product List - Spacing issue

    Add to your stylesheet

    .productListing-data {padding: .8em .3em;}

    Adjust to your liking.

  3. #3
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Product List - Spacing issue

    This can be controlled with the css styles in the stylesheet.css file for your template that is currently "classic" and you ahould create your own but that is another subject:

    Search and Find this tag in stylesheet.css or add it if you do not find it, if it is there and nested with other tags seperate it out into it's own entry and adjust the padding value to suit
    Code:
    .productListing-data {
    padding-bottom: 3em;
    }
    Zen-Venom Get Bitten

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Product List - Spacing issue

    Note: the second value in

    padding: .8em .3em;

    is for left and right sides, and will give you some breathing room between your text and image.

    And yes, you want to make your own template folder so your hard work doesn't get erased when you upgrade to the next version of Zen Cart.

  5. #5
    Join Date
    Dec 2005
    Posts
    13
    Plugin Contributions
    0

    Default Re: Product List - Spacing issue

    Thanks much! I am off to play around

  6. #6
    Join Date
    Dec 2005
    Posts
    13
    Plugin Contributions
    0

    Default Re: Product List - Spacing issue

    Giddy Up! that worked perfectly... ok so one more quick question and I think I am done.

    Where would I set the description margin... so that it doesn't push the right sideboxes off the page?

    http://www.stuffedpretzel.com/store/...=index&cPath=1

    Thanks so much for your help today you guys are awesome!

  7. #7
    Join Date
    Dec 2005
    Posts
    13
    Plugin Contributions
    0

    Default Re: Product List - Spacing issue

    Ohhhh... I figured it out! Thanks.

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Product List - Spacing issue

    For general enlightenment...
    I had noticed that earlier. The immediate cause of the description pushing the right sideboxes out was a long unbroken string of letters typed in as a placeholder. By default, the description will be sized to fit in the space available, but a long word can mess that up.

    ...or was it? It might have been another site I saw that particular problem on today :)
    Last edited by gjh42; 20 Apr 2007 at 11:16 PM.

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Product List - Spacing issue

    Yes it was: jkfldjslkfjd;lskaflsdja;lkjfdlskjflkdjs;alkjfdlskjflfkdjslfkjdlskjflksdjlfk

    ;)

  10. #10
    Join Date
    Aug 2006
    Posts
    67
    Plugin Contributions
    0

    Default Re: Product List - Spacing issue

    Hi,

    I tried adding the snippet css code to my stylesheet (and increased the padding values) but it does not work. The images are still very close together.

    Cab you please help me?

    Hansi

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. product page spacing issue
    By amirshawn80 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 12 Apr 2011, 01:43 AM
  2. Remove double spacing from product attributes list?
    By Danielle in forum Templates, Stylesheets, Page Layout
    Replies: 14
    Last Post: 11 Jun 2009, 04:01 PM
  3. Spacing on Product List Pages
    By cate_kroft in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 27 Dec 2007, 12:23 AM
  4. spacing issue while viewing a product
    By dedj in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Jul 2007, 03:50 PM

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