Page 55 of 224 FirstFirst ... 545535455565765105155 ... LastLast
Results 541 to 550 of 2240
  1. #541
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    Agent_KGB -
    "one more question... how do i remove pictures (arrows) from showing up in front of the category link? "

    These are the list-style markers (bullet1.gif, etc.), and to eliminate them, change the

    list-style: disc inside url(../images/bullet1.gif);

    to

    list-style: none;

    as the comments in stylesheet_categories_dressing.css describe.

  2. #542
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    There are a couple of places where you have unnecessary padding:
    Code:
    #categories li.cat-promuze a {
        background: url(http://www.sexsho ponline.cz/obchod/includes/templates/classic/images/muzi.gif) no-repeat left center;
        color: #FFFFFF; 
        text-align: left;
        padding: 0.8em 0em 1em 3.5em;/*this moves the text away from the left to leave space for the image*/
        }
    
        #categories li.cat-afrodisiaka a {
        background: url(http://www.sexshopo nline.cz/obchod/includes/templates/classic/images/muzi2.gif) no-repeat left center;
        color: #FFFFFF; 
        text-align: left;
        padding: 0.8em 0em 1em 3.5em;/*this moves the text away from the left to leave space for the image*/
        }
    padding: 0.8em 0em 1em 3.5em;
    This gives 0.8em on top and 1em on bottom. Reduce these as desired. If the background image loses the gradient line, then you can use background-position to fix that.

    It looks like the line is at the bottom of the background; if so,

    background-position: center bottom;

    should make the bottom of the image line up with the bottom edge of the category.


    Also, instead of this

    url(http://www.sexshopon line.cz/obchod/...ages/muzi2.gif)

    you should use this

    url(../images/muzi2.gif)

    It does the same thing, and if you make a test copy of your site elsewhere (like on your local pc), it will still work there. The original version will only work for the location where your shop is now.
    Last edited by gjh42; 17 Feb 2009 at 09:29 PM.

  3. #543
    Join Date
    Feb 2009
    Posts
    9
    Plugin Contributions
    0

    Default Re: Categories Dressing

    I have a big problem, I have my categories menu with non-linked headings in a specific place and everything is fine until I sometimes add another category with a non linked heading and this then replaces a different category with a white box with the image name "pixel_trans.gif". What makes it more confusing is after adding this extra heading in the categories_dressing_defines.php file it is not reversible if I take the extra line of code back out again. The only way around this that I have found is to make a complete new category and add and link all the products back into it.
    Surely this is a bug somewhere and can be fixed?

  4. #544
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    I will need to see your site to begin to diagnose your problem. Once I have a look at its current state, I will want you to reproduce the problem if you can, so I can see it in "action".

  5. #545
    Join Date
    Feb 2009
    Posts
    9
    Plugin Contributions
    0

    Default Re: Categories Dressing

    Quote Originally Posted by gjh42 View Post
    I will need to see your site to begin to diagnose your problem. Once I have a look at its current state, I will want you to reproduce the problem if you can, so I can see it in "action".
    Thanks for your reply if you go to
    http://www.kirkgateflowers.co.uk

    and it's the category 30-40 between the Under 30 and Over 40 categories.

  6. #546
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    HTML Code:
    <li class="cat-top"><a class="cat-not-selected catBg8" href="http://kirkgateflowers.co.uk/index.php?main_page=index&amp;cPath=8"><img src="includes/templates/template_default/images/pixel_trans.gif" alt="" width="100%" height="100%" title="30 - 40" /></a></li>
    This indicates that you have an image /buttons/english/catbg8.gif. If you do not intend to have a background image for this category, you need to eliminate this image from that folder. (Even though the bg image exists, it will not show unless you make a stylesheet declaration for it. This is a function that the code cannot automate.) Make sure that all unused images are cleared out of that folder.

    You have used the "catbg#.gif" format for your heading image names. While the heading code accepts that with no problems, that kind of filename triggers a category name to be replaced if the filename matches the category cPath.

    You should use the "cathead#.gif" format suggested in the readme, or something else not related to the dedicated Categories Dressing conventions.

  7. #547
    Join Date
    Feb 2009
    Posts
    9
    Plugin Contributions
    0

    Default Re: Categories Dressing

    I think I have cracked it now, the images were called catbg8.gif etc and this seem to conflict with the category number 8 so I have renamed them all and deleted the images off the server and all seem fine.
    Thanks for your help anyway

    Matt

  8. #548
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    Good to see that you figured out the problem and the solution by yourself. As you have discovered, any naming scheme that doesn't interfere with the category id system will work fine.

    That's a nice-looking site you have, very clean and easy to use.

  9. #549
    Join Date
    Jan 2009
    Posts
    2,124
    Plugin Contributions
    0

    Default Re: Categories Dressing

    Quote Originally Posted by gjh42 View Post
    Code:
    /*example for individual category as bg image*/
    #categories li a.catBg2 {
        background-image: url(../images/zacatek.gif);
        height: 30px;
        }
    
    #categories li a.catBg2:hover {
        background-image: url(../images/catbg25hover.gif);
        }
    	
    /*example for custom individual category styling*/
    #categories li.promuze a {
        border-top: 3px dotted #112233; 
        background-color: #aabbff; 
        color: #000000; 
        padding: 1em 0em;
        } 
        
        .promuze {
        border-top: 1px dotted #112233; 
        color: #000000; 
        background-image: url(../images/zacatek.gif);
        }
    
    ul#catGroup2 {
    	background-image: url(../images/zacatek.gif);
    	background-repeat: no-repeat;
    	}
    I am trying something along these lines but not as complex. I simply want the top level categories to appear in bold type font so that they stand out a little more.

    I have tried to follow what appears simple code:

    tpl_categories.php:
    PHP Code:
          case ($box_categories_array[$i]['path'] == 'cPath=1'):
            
    $new_style 'holiday';
            break; 
    stylesheet_categories_dressing.css:
    PHP Code:
    /*example for custom individual category styling*/
    #categories li.cat-holiday a {
        
    border-top3px dotted #112233; 
        
    background-color#aabbff; 
        
    color#112233; 
        
    padding1em 0em;
        } 
    I would of course manipulate the css to simply bold type case if I could get it to work at all. When I upload this content it seems to have no effect whatsoever.

    Can anyone see where I'm going wrong?

  10. #550
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    21,974
    Plugin Contributions
    25

    Default Re: Categories Dressing

    You're using a sledgehammer to crack a nut.
    To make top categories bold font, if you are using Categories Dressing, add to the generic stylesheet rules
    Code:
    	
    #categories ul a {/*top categories*/
        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;
        font-weight: bold;
        }
    
    #categories ul ul {/*subcategory lists*/
        list-style: none;
        background: #ffeecc;
        border: none;
        margin: 0 0 0.4em 0;
        padding: 0 0 0 1.3em;
        }
    	
    #categories ul ul a {/*subcategories*/
        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;
        font-weight: normal;
        }
    The "bold" sets the weight to bold for all categories, and the "normal" sets it back to normal for subcategories.

    Another way to do the same thing would be to add a new rule
    Code:
    #categories li.cat-top a {
        font-weight: bold;
        }
    Last edited by gjh42; 22 Feb 2009 at 10:57 PM.

 

 

Similar Threads

  1. Better Categories Contrib & ezpages
    By heavenlynights in forum All Other Contributions/Addons
    Replies: 184
    Last Post: 26 Oct 2012, 02:36 AM
  2. Show Top level Categories and 1st sub level categories in side box
    By airtime in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 3 Mar 2011, 06:03 PM
  3. link 1 product to several categories at once
    By dedj in forum Setting Up Categories, Products, Attributes
    Replies: 10
    Last Post: 29 Sep 2007, 11:17 PM
  4. 2 different kinds of categories?
    By rstevenson in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 6 Nov 2006, 08:42 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
  •