WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Some CSS help please (6 posts)

  1. monkeymartin@gmail.com
    Member
    Posted 5 years ago #

    I am trying to insert a simple CSS menu into my side bar. Their is a white space and some bullets to the left of the menu. Can you help me take out the white space and bullets. my site is http://www.myslavelake.com/directory/

    I am using the Thematic Theme Framework
    http://themeshaper.com/thematic-for-wordpress/

    I am using menue #1
    http://exploding-boy.com/images/EBmenus/menus.html

    CSS code is

    /*- Menu 1--------------------------- */
    
    #menu1 {
    	width: 200px;
    	margin: 10px;
    	border-style: solid solid none solid;
    	border-color: #3D261D;
    	border-size: 1px;
    	border-width: 1px;
    	}
    
    #menu1 li a {
    	height: 32px;
      	voice-family: "\"}\"";
      	voice-family: inherit;
      	height: 24px;
    	text-decoration: none;
    	}	
    
    #menu1 li a:link, #menu1 li a:visited {
    	color: #E4D6CD;
    	display: block;
    	background:  url(images/menu1.gif);
    	padding: 8px 0 0 10px;
    	}
    
    #menu1 li a:hover {
    	color: #FFF;
    	background:  url(images/menu1.gif) 0 -32px;
    	padding: 8px 0 0 10px;
    	}

    This is the HTML code

    <div id="menu1">
    
    <ul>
    <li><a href="#1" title="Link 1">Link 1</a></li>
    <li><a href="#2" title="Link 2">Link 2</a></li>
    <li><a href="#3" title="Link 3">Link 3</a></li>
    <li><a href="#4" title="Link 4">Link 4</a></li>
    <li><a href="#5" title="Link 5">Link 5</a></li>
    </ul>
    </div>

    Thanks for your time
    -mike

  2. educationthemes
    Member
    Posted 5 years ago #

    styles.css line 651 change this:

    .main-aside ul ul {
    margin:0 0 18px 13px;
    }

    to this

    .main-aside ul ul {style.css (line 651)
    margin:0 0 18px 0;
    }

    and remove

    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    }

    from line 563 with the class aside ul

  3. monkeymartin@gmail.com
    Member
    Posted 5 years ago #

    Thanks I will try that and see what happens.

    Thanks for the help

  4. monkeymartin@gmail.com
    Member
    Posted 5 years ago #

    that did the trick. one more thing the menu is slitly off from the search and the title. their is a bit of white space to the left of the menu.

    Thanks for all the help

  5. educationthemes
    Member
    Posted 5 years ago #

    #menu1 on line 97 has got a left margin of 10px. Remove that and they should line up.

  6. monkeymartin@gmail.com
    Member
    Posted 5 years ago #

    you are awesome. That did the trick

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags