WordPress.org

Ready to get started?Download WordPress

Forums

simple CSS spacing question! (6 posts)

  1. pookeyblow
    Member
    Posted 3 years ago #

    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!

  2. Tara
    Member
    Posted 3 years ago #

    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.

  3. pookeyblow
    Member
    Posted 3 years ago #

    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?

  4. Tara
    Member
    Posted 3 years ago #

    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;
    }

  5. Ryan Paul
    Member
    Posted 3 years ago #

    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;
    	}
  6. pookeyblow
    Member
    Posted 3 years ago #

    THANKS!!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags