WordPress.org

Ready to get started?Download WordPress

Forums

Is it possible to remove bullets from list side bar? (4 posts)

  1. zellie
    Member
    Posted 4 years ago #

    I'm using the Magic Blue 1.2 template.

    http://www.zellie.info hosts the blog. On the right, the links/categories/etc are set up as a bulleted list. Is there a way to remove the bullets?

  2. toonshorty
    Member
    Posted 4 years ago #

    find the ul property in the style sheet.

    If there is no UL property add the following:

    ul {
    list-style: none;
    }

    Hope that works for you.

  3. zellie
    Member
    Posted 4 years ago #

    No luck... here's the code if it helps:

    /*  sidebar styles */
    .menu{
    padding:0;
    font-size:90%;
    }
    
    /* weight 100 to bolder*/
    .menu a{
    font-weight: bolder;
    
    }
    
    /* testing the black here did nothing */
    .menu a:hover{
    text-decoration:none;
    }
    
    .menu ul{
    margin:0;
    padding:0 0 0 0px;
    list-style-type:none;
    }
    
    .menu ul li.widget{
    padding:2px;
    margin:0 0 7px 0px;
    }
    
    .menu ul li.widget ul{
    	margin: 0;
    	padding:0;
    }
    
    .menu ul li.widget ul li{
    padding: 2px 0 2px 12px;
    margin:0;
    border-bottom: 1px solid #eee;
    }
    
    .menu ul li.widget ul li ul{
    }
    
    .menu ul li.widget ul li ul li{
    border-top: 1px solid #eee;
    border-bottom: none !important;
    padding: 0 0 0 11px;
    }
    
    /* change font here */
    /* header  font weight bolded from 800 */
    .menu ul li.widget h3{
    font-size:120%;
    padding:2px 0 3px 5px;
    margin:0;
    color: #222;
    font-weight: bolder;
    font-family: times new roman;
    font-variant:none;
    border-bottom: 1px solid #8CD1FD;
    border-top: 3px solid #8CD1FD;
    letter-spacing:2px;
    
    }
    
    .menu ul li h3 a{
    color: #023A5E;
    font-weight: 800;
    }
    
    .menu ul li h3 a:hover{
    color: #023A5E;
    text-decoration: none;
    }
    
    .menu form{
    display:block;
    margin:0px;
    padding:4px;
    }
    
    .menu input{
    margin:3px 0;
    font-size:90%;
    }
    
    li.widget .textwidget, li.widget #search {
    padding: 2px 5px;
    }
  4. Mark / t31os
    Moderator
    Posted 4 years ago #

    Look in your header file, you'll find some extra CSS near the top.

    These lines specifically are the bullets you refer to.

    .menu ul li.widget ul li{
    			background: url("http://zellie.info/wp-content/themes/magicblue/images/listbullet.gif") no-repeat 0 3px;
    				}	
    
    .menu ul li.widget ul li ul li{
    		background: url("http://zellie.info/wp-content/themes/magicblue/images/listbullet.gif") no-repeat 0 1px;

Topic Closed

This topic has been closed to new replies.

About this Topic