Results 1 to 10 of 10
  1. #1
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Removing little arrows from category listing

    Hello,,

    I am using a categories add on to expand the categories down a few levels. It is called Expanded Categories Listing. I am not sure if these little arrows came with this mod - but I have a feeling they did. I cannot locate where to take these arrows out at.

    Here is the site http://testmulberry.com/

    any help is appreciated, thanks!

  2. #2
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Removing little arrows from category listing

    Thank you for the tutorial you have made. However, this does not answer my question. On my page, there are arrows that look like images. To the left of my main categories. I cannot figure out how to get rid of these.

    Anyone have an idea?

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

    Default Re: Removing little arrows from category listing

    Have you fixed this? I don't see any arrows to the left of categories.

  4. #4
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Removing little arrows from category listing

    That's odd.. In Chrome is shows them still there. In FireFox they are gone. I commented out a piece of code in the .css that looked like it was generating that arrow. I guess it worked.. ??

    With this has come new problems, my employer wants the categories to be in CAPS because that is how their current site does it. Some of the cats are too long and moved to a second line and are indented. How can I move these over and hopefully fit the categories?

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

    Default Re: Removing little arrows from category listing

    The categories mod you are using does strange things to the links. The subcategories generate links as if they were top cats, but if you click on a top cat, you get a proper listing of its subcats in the center, and those have the correct cPaths.

    For the top categories, do you want them indented at all, or lined up at the left like the subcats? The reason they are indented on the first line is padding applied in the stylesheet; the indent doesn't carry over to the second line because the <a> element is "inline" by default. If you want it to have "block" characteristics, you need to make it display: block;

  6. #6
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Removing little arrows from category listing

    Preferably, I would love to have the top cats justified left all the way. For the subcats, I would love to have these indented slighty underneath their appropriate top cat. My employer wants them to look like their current site, which can be found here

    http://www.shop.mulberryfundraisers.com/

    top cats left, sub cats indented.

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

    Default Re: Removing little arrows from category listing

    For this, you need to edit two style rules:

    stylesheet.css (line 1003) - remove padding

    a.category-top {
    font: bold 13px arial;
    padding: 0 0 0 9px;
    text-decoration: none;
    }

    stylesheet.css (line 1041) - add padding

    a.category-subs, a.category-products, a.category-subs:visited, a.category-products:visited {
    color: #333333;
    font: bold 12px arial;
    text-decoration: none;
    padding: 0 0 0 9px;
    }

  8. #8
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Removing little arrows from category listing

    Once again your genius is helping my site come together nicely.

    Do you think there is any work around for getting the words to fit in the cat box? For instance, shop by category is on two lines and I'd like for it to be on one.

    A weak attempt at this, I changed the font of a.category-top to 12px instead of 13px, and shop by lifestyle now fits on one line, but shop by category is still too big. I wish I could make the box a little bigger on the right side.

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

    Default Re: Removing little arrows from category listing

    If you want to widen the sideboxes, go to Configuration > Layout Settings >
    Column Width - Left
    and
    Column Width - Left Boxes

    Keep the Left at least as big as the Left Boxes.

  10. #10
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Removing little arrows from category listing

    Wow - looks great.

    Thanks for the help (again).

 

 

Similar Threads

  1. Removing main category image within sub category listing
    By robbin21973 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 Jan 2013, 11:06 PM
  2. Removing Category name from Product Listing
    By tcschmit in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 24 Jan 2011, 05:34 PM
  3. Removing redundant category from product listing?
    By yelow in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 4 Nov 2008, 07:31 PM
  4. Removing the arrows
    By Mistique in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 30 Sep 2008, 05:56 PM
  5. removing the little category image
    By mcsilvio in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 10 Jul 2006, 02:05 AM

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