Support » Fixing WordPress » Creeating more space between tabs

  • I am using the Twentyten theme. I would like to create more space between the tabs so that more tabs will appear on the second navigation bar and line up with the tabs on the top navigation bar. Something like this:

    tab 1 tab 2 tab3 tab4 tab5 tab6 tab7

    tab8 tab9 tab10 tab11 tab12 tab13 tab14

    http://twentyten.virtuallyassistingu.com/

    Thanks for taking the time.

Viewing 6 replies - 1 through 6 (of 6 total)
  • #access a {
    	color: #ffffff;
    	display: block;
    	line-height: 38px;
    	padding: 0 10px;
    	text-decoration: none;
    }

    if you are planning to do more work with wordpress, consider to get familiar with tools such as firefox web developer add-on or firebug, which make identifying css styles really easy and fast (and much more).

    also, be aware that twenty ten as the default theme of wp3 will be overwritten with your next upgrade of your wordpress version; all modifications will be lost. consider creating a child theme http://codex.wordpress.org/Child_Themes

    Thread Starter dleonte

    (@dleonte)

    Thanks for the reply. Although I am not sure what to do with this code. Is the padding what creates the space between the tabs?

    I have installed firebug, but I honestly cannot figure out how to use the new version. I found the firebug version with the toolbar at the top of the page useful, but I cannot locate the elements on the page in the CSS style feature. I am going to have to spend more time with it.

    In the meantime, thanks for the tip on the twenty ten and the child page.

    I will try playing around with the padding.

    Thread Starter dleonte

    (@dleonte)

    Changing the padding to create more space between the tab headings does not solve my problem. What I am trying to do it line up the top and bottom tabs headings to be one underneath the other and aligned. Also is it possible to align the sub menu titles to be centered. I know there is a float left and float right…how do you float center?

    I have been Googling, but have not been able to come up with a solution. I am not yet proficient with the new Firebug. I cannot find the view style information under the CSS tab of the new Firebug.

    Can you guys help me out?

    http://twentyten.virtuallyassistingu.com/

    Thanks.

    Alwyn Botha

    (@123milliseconds)

    if you want to align the links, you could try a min-width in the style for #access a:

    #access a {
    	color: #ffffff;
    	display: block;
    	line-height: 38px;
    	padding: 0 10px;
    min-width:110px;
    	text-decoration: none;
    }
    Thread Starter dleonte

    (@dleonte)

    Achymyth, It worked. I have never seen min-width used before.

    123milliseconds, thanks for the links. I will get busy today learning Firebug.

    Thanks for taking the time to help. I appreciate it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Creeating more space between tabs’ is closed to new replies.