1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS fashionhut

Discussion in 'Web Development' started by stu83, Apr 30, 2008.

  1. stu83

    stu83 New Member

    hey everyone im using the fashiohut template and are having trouble with it. when i remove unneeded links from the Categories section i get white space from where i removed the links and unneeded bullet.gif. how do i fix this issue??? thanks :):):)
     
  2. vareside

    vareside New Member

    Ok, here we go. There is a pretty easy solution.

    In your CSS file there is the following:

    #categories li {
    background: #D4CAB6 left url(images/bullet.gif) no-repeat;
    border-top: 1px solid #F4EFDF;
    list-style: none;
    font-size: 12px;
    padding: 7px 0 8px 35px;
    }

    Now add directly below this part:

    #categories div {
    padding:10px 10px 10px 32px;
    background: url( images/bullet2.gif );
    }

    That says that when you create a div tag within the categories, if will have the background of my bullet2.gif which I added to this post.

    When you look now at your categories-bar in your source code you see </ul> there below all tabs of the list. Directly below you add as much of the following parts as you need: <div></div>

    That uses the part you had to add to your CSS file. I hope you understand what I was trying to describe and are happy with this very very simple solution.

    Sinecerely,
    Max
     

    Attached Files: