WordPress.org

Support

Support » Themes and Templates » simple CSS spacing question!

simple CSS spacing question!

  • Hello party people!

    I need to know how I can remove the space between my buttons in my menu:
    http://tinyurl.com/2dv7bho

    I want the pagelink buttons to be next to each other without any space between them.

    How do I do that?

    Any help is highly appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Tara
    Participant

    @t-p

    in your CSS file, look for element:

    #menu ul li a{

    within that element look for these two item:

    padding-left:10px;
    padding-right:10px;

    change “10px” to zero or some other number you like.

    I don’t have “padding-left” or “padding-right” anywhere in my css file!

    This is how it looks like here:

    #menu ul li a {
    padding:10px;
    margin: 0;
    color: #878788;
    letter-spacing: 2px;
    font-family: Brandon Grotesque;
    font-weight:normal;
    display:block;
    border-bottom:none;
    }

    Don’t get it?

    Tara
    Participant

    @t-p

    replace with:

    #menu ul li a {
    padding:0px;
    margin: 0;
    color: #878788;
    letter-spacing: 2px;
    font-family: Brandon Grotesque;
    font-weight:normal;
    display:block;
    border-bottom:none;
    }

    Ryan Paul
    Participant

    @othellobloke

    Actually no – to removed the spaces between the menu items, look for:

    #menu ul li {
    	float:left;
    	position:relative;
    	list-style-type: none;
    	margin: 0 10px 0 0;
    	padding:0;
    	}

    and change it to:

    #menu ul li {
    	float:left;
    	position:relative;
    	list-style-type: none;
    	margin: 0px;
    	padding:0px;
    	}

    THANKS!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘simple CSS spacing question!’ is closed to new replies.