WordPress.org

Forums

[resolved] Center menu in bones theme (11 posts)

  1. oes
    Member
    Posted 1 year ago #

    hello everybody!

    i build a page with the bones theme, it is almost done, but i am unable to center the menu. i tried with
    li text-aligne center, etc.
    but wether it is the wrong codepice or the wrong spot in the less-script.
    you can see the side: http://aphasie-unterfranken.de/wat/

    does anybody know how to do it?!

    thank you so much!!!!!

  2. Jesin A
    Member
    Posted 1 year ago #

    This CSS code will do it.

    #inner-header nav {
        background-color: #000000;
    }
    .nav.top-nav.clearfix {
        display: table;
    }
  3. oes
    Member
    Posted 1 year ago #

    wow, thank you, it works perfect!!!

    another question:
    is there a possibility to put a Vertical line | between the buttons, instead of the lines which are there at the moment?? and the last line shouldn't be there, too.
    where do i have to put it, somewhere in the php?

    would be wonderful, if i could get this to work as well.

    thank you so much again.
    :-)

  4. Jesin A
    Member
    Posted 1 year ago #

    You're welcome!

    Try this

    .nav li {
        border-right: medium none;
        display: inline;
    }
    .nav li:before {
        color: #FFFFFF;
        content: "07C";
        float: left;
        margin-top: 3px;
    }
    .nav li:first-child:before {
        content: "";
    }
  5. oes
    Member
    Posted 1 year ago #

    wonderful - works! you really helped me.
    sun for you and all of us!!!
    peace oes

  6. oes
    Member
    Posted 1 year ago #

    oh, i just saw that the first and the last line are thicker and have another color (gray)? how does this come?
    i put it on the side, so you could see it...

  7. Jesin A
    Member
    Posted 1 year ago #

    Glad to help!

    Just a small change to the content: property.

    It should be content: "\ 0 0 7 C" (remove the spaces in between) the backslash and zero were stripped when I posted this previously.

  8. Jesin A
    Member
    Posted 1 year ago #

    That's because of the following CSS code

    Line 1003

    #menu-item-200 a {
      color: #CCCCCC;
    }
    #menu-item-201 a {
      color: #CCCCCC;
    }
  9. oes
    Member
    Posted 1 year ago #

    ok, changed content: "\ 0 0 7 C" and it worked.

    i also changed the color of the lines in gray, now it looks ok, but they are still thicker?! is it possible to let them look like the others?

  10. Jesin A
    Member
    Posted 1 year ago #

    Thicker??? I can't see any difference between them, maybe it's my eye or the different color that is causing an illusion.

    Try removing lines 1003 - 1008 these are the ones causing the grey color.

  11. oes
    Member
    Posted 1 year ago #

    ok, thanx, it might be my monitor...
    perfect. nice day!

Topic Closed

This topic has been closed to new replies.

About this Topic