Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Apr 2010
    Posts
    102
    Plugin Contributions
    0

    Default Category Dressing and Separate Category Sidebox

    Hi There,

    I have installed both Category Dressing and Separate Category Sidebox modules.

    Both modules are working as advertised. However, the Separate Sidebox does not uses nice category styles I have created using Category Dressing module!

    How can I make Separate Category Sidebox do that?

    My store URL is www.shinypetstore.com

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

    Default Re: Category Dressing and Separate Category Sidebox

    You can add .separatesideboxlist li and .separatesideboxlist a to the appropriate selector lists in stylesheet_categories_dressing.css.

  3. #3
    Join Date
    Apr 2010
    Posts
    102
    Plugin Contributions
    0

    Default Re: Category Dressing and Separate Category Sidebox

    Thanks so much for your reply. I am not very familiar with CSS code. Could you please be more specific?

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

    Default Re: Category Dressing and Separate Category Sidebox

    I can take the time for a full answer later, possibly tonight.

  5. #5
    Join Date
    Apr 2010
    Posts
    102
    Plugin Contributions
    0

    Default Re: Category Dressing and Separate Category Sidebox

    That would be great. I really appreciate your help

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

    Default Re: Category Dressing and Separate Category Sidebox

    Code:
    #categories ul, .separatesideboxlist ul {/*top category lists*/
        list-style: none;
        background: none;
        border: 1px solid #ffaa99;
        margin: 0 0 0.4em 0;
        padding: 0;
        }
    
    #categories ul a, .separatesideboxlist a {
    display:list-item;
    list-style:disc inside url(/includes/templates/pure_orange_free/images/bullet1.gif);
    background:no-repeat;
    border:none;
    margin:0;
    padding:0
    }
    It's hard to be sure exactly what is in your stylesheets, as the minify script alters the look of things quite a bit.
    Last edited by gjh42; 15 Jun 2010 at 05:45 AM.

  7. #7
    Join Date
    Apr 2010
    Posts
    102
    Plugin Contributions
    0

    Default Re: Category Dressing and Separate Category Sidebox

    Thanks so much

    I'll add it to category dressing stylesheet and let you know the result.

  8. #8
    Join Date
    Apr 2010
    Posts
    102
    Plugin Contributions
    0

    Default Re: Category Dressing and Separate Category Sidebox

    Hi Glenn,

    I added your recommendation to stylesheet_categories_dressing.css file but I see absolutely no change on my Separate Category side box on the right. This is how the stylesheet looks now (see my comments in area I applied the change):

    #categories ul, .separatesideboxlist ul {/*top category lists - modified for Separate Cat. */
    list-style: none;
    background: none;
    border: 1px solid #ffaa99;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

    #categories ul a, .separatesideboxlist ul a {/*top categories - modified for Separate Cat. */
    display: list-item;
    list-style: disc inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

    #categories ul ul, .separatesideboxlist ul ul {/*subcategory lists - modified for Separate Cat. */
    list-style: none;
    background: #ffeecc;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

    #categories ul ul a, .separatesideboxlist ul ul a {/*subcategories - modified for Separate Cat. */
    display: list-item;
    list-style: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: #ffddbb;
    border: none;
    margin: 0;
    padding: 0;
    }

    /*change bullet when a category w/o bg image is open to subs:*/
    #categories li a.cat-parent-text, #separatesideboxlist li a.cat-parent-tex {
    list-style: square inside url(../images/bullet2.gif);/*change to list-style: none; to remove bullet*/
    }

    /*change bullet when a category w/o bg image is open to products:*/
    #categories li a.cat-selected-text, #separatesideboxlist li a.cat-parent-tex {
    list-style: square inside url(../images/bullet3.gif);/*change to list-style: none; to remove bullet*/
    }

    /*disable bullet for cats w/ image or bg image*/
    #categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected {
    list-style: none;
    display: block;/*fix IE6 margin-left bug*/
    }

    Thanks in advance for your help.

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

    Default Re: Category Dressing and Separate Category Sidebox

    First, this rule is not going to apply to the separate sidebox because it does not have code to generate link classnames:

    #categories li a.cat-parent-text, #separatesideboxlist li a.cat-parent-tex {

    The separate sidebox display is consistent with the rules that do apply to it, except for the arrow. Mm okay, there should probably be a red border showing from the demo styling. Do you have bullet1.gif saved in your template's /images/ folder? What does the regular categories box look like?

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

    Default Re: Category Dressing and Separate Category Sidebox

    I made one error in suggesting .separatesideboxlist ul - the ul is not under .separatesideboxlist, it is named that. You would use ul.separatesideboxlist, or just .separatesideboxlist .

    My suggestion of .separatesideboxlist a was correct, and you need to use that form instead of .separatesideboxlist ul a as you have.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v151 Category Dressing
    By ttmb33 in forum Addon Sideboxes
    Replies: 5
    Last Post: 6 Aug 2013, 05:08 AM
  2. Click-Show-Hide Category Menu / Separate Sidebox For Docs
    By khopek in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 7 Mar 2010, 07:36 AM
  3. Category Dressing
    By stitchnkitty in forum All Other Contributions/Addons
    Replies: 6
    Last Post: 24 Oct 2009, 04:26 PM
  4. category dressing errors and move add to cart errors
    By MachaNeko in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 18 May 2008, 02:29 PM
  5. Replies: 0
    Last Post: 16 Mar 2007, 05:57 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