Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2007
    Posts
    18
    Plugin Contributions
    0

    Default adding spaces in categories

    Hi

    How do you add spaces inbetween the product images in the subcategory sections?

    I have a main catagory with a number of sub- categories but when I click on any of these sub-categories the images come up underneath eachother with no space inbetween each image. I would like to have at least one space inbetween each image.

    Many thanks

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

    Default Re: adding spaces in categories

    A url to your site please to view your dilemma.

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

    Default Re: adding spaces in categories

    In your stylesheet, find or add

    Code:
    .productListing-odd, .productListing-even {
    	margin-bottom: 1em;
    	}
    For more detailed control, try this (adjust to your taste):

    Code:
    /*  space & border between listing items */
    .productListing-odd td, .productListing-even td {
    	text-align: left;
    	vertical-align: top;
    	padding:0.5em;
    	margin-bottom: 1em;
    	border-bottom: 3px double #aaccbb;
    	}

  4. #4
    Join Date
    Apr 2007
    Posts
    18
    Plugin Contributions
    0

    Default Re: adding spaces in categories

    Hi

    I tried the codes given. As there did not appear to be anything in the CSS file, I wrote them in near the top after some coding relating to image border - thinking it maybe the right place.
    I tried the first and nothing happened.

    I tried the second and the whole of the background when pale blue (#aaccbb) and the category links ended up half way down the page and my heading text went smaller in size and moved to underneath my heading image - on the left hand side.
    Also all the images were underneath eachother - even the 'new products' section beneath.

    But the catagory images did have spaces and dividing lines inbetween them!

    So, being a complete novice to most coding (only done pages via Dreamweaver without CSS), I decided to try adding the code at the very end of the page and IT WORKED!!

    Many thanks.

 

 

Similar Threads

  1. Bold and Spaces in Categories
    By Billyboy in forum Basic Configuration
    Replies: 2
    Last Post: 9 Aug 2009, 06:36 PM
  2. Spaces Between Categories
    By Ptool in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 10 Jul 2009, 06:49 PM
  3. Adding Spaces in Categories in Sidebox
    By jharmon in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 6 Dec 2008, 10:09 PM
  4. Strange spaces in categories sidebox
    By staedtler in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 6 Jun 2007, 11:27 PM
  5. Leaving spaces between categories in the categories box
    By binny25 in forum Basic Configuration
    Replies: 3
    Last Post: 5 Oct 2006, 05:13 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