Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2009
    Posts
    13
    Plugin Contributions
    0

    Default Categories/subcategories index image layout problem

    I have seven subcategories all setup with images, the main category is called "gallery" which doesn't have a picture.
    My problem is that the subcategory images all lineup in a vertical single file line down the page, I would like them to form a grid say two lines of 4 across the page.
    Settings in admin don't seem to change the layout: "Categories To List Per Row" is set to 5
    I've tried installing flexible product listing, which only changed the product listings and didn't change the subcategory index layout.



    website is thruthelenz.co.nz

    Any help will be very appreciated

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

    Default Re: Categories/subcategories index image layout problem

    Try separating .categoryListBoxContents out of this statement into its own, and changing float:center; to float:left;

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: center;
    }

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

    Default Re: Categories/subcategories index image layout problem

    Also change float: center; to float: none; in the remaining rule, because float: center is an invalid property value.

  4. #4
    Join Date
    Aug 2009
    Posts
    13
    Plugin Contributions
    0

    Default Re: Categories/subcategories index image layout problem

    Changed stylesheet.css :

    #logo, .centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: none;
    }

    LABEL.categoryListBoxContents {
    float:left;
    }

    Hasn't changed the layout >.<

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

    Default Re: Categories/subcategories index image layout problem

    Why did you add the LABEL ? That is what is preventing your change from working; .categoryListBoxContents is a div, not a label. You want simply
    Code:
    .categoryListBoxContents {
        float: left;
        }

  6. #6
    Join Date
    Aug 2009
    Posts
    13
    Plugin Contributions
    0

    Default Re: Categories/subcategories index image layout problem

    Ah! Got it , Thanks for the help guys. I'm not very familiar with code, seemed odd to have it there with nothing (#variable) so assumed it had to have LABEL in front like the other ones 0_o.

 

 

Similar Threads

  1. Know how to make Categories Index Display All Products Within it's Subcategories?
    By makehveli in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 25 Aug 2011, 03:43 AM
  2. Categories/Subcategories Image Placement Issue
    By lucky-nz in forum Basic Configuration
    Replies: 8
    Last Post: 18 Feb 2010, 04:42 AM
  3. Showing Add to Cart button, and Categories/SubCategories expanded on Index
    By renode in forum Setting Up Categories, Products, Attributes
    Replies: 7
    Last Post: 2 Oct 2009, 12:29 AM
  4. customize categories and subcategories index pages
    By etoile03 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 25 Oct 2006, 07:27 PM
  5. subcategories layout problem
    By SethB in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Sep 2006, 08:30 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