WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Navigation or Menu change to horizontal (14 posts)

  1. boholovechild
    Member
    Posted 4 months ago #

    Hello,

    my navigation or menu is vertical and I want it changes to horizontal with spacing in between the words, so it covers the white part perfectly. Can someone please help me?

    boholovechild.com is my blog :)

    Thanks.

  2. Andrew
    Forum Moderator
    Posted 4 months ago #

    Have you tried floating the <li>s left?

  3. boholovechild
    Member
    Posted 4 months ago #

    I just tried it, it said regular before and I put left, but nothing changed. Or maybe I put it wrong, I am not familiar with CSS :)

  4. Andrew
    Forum Moderator
    Posted 4 months ago #

    What CSS are you using for this?

  5. boholovechild
    Member
    Posted 4 months ago #

    style.css

  6. Andrew
    Forum Moderator
    Posted 4 months ago #

    Are you making your own theme?

    What about the CSS for this bit:

    it said regular before and I put left, but nothing changed.

  7. boholovechild
    Member
    Posted 4 months ago #

    I have the twenty ten theme and adjusted a few things. Somehow the menu is vertical and I want to it to be horizontal

  8. Andrew
    Forum Moderator
    Posted 4 months ago #

    What few things are you adjusting? Just styles?

  9. Andrew
    Forum Moderator
    Posted 4 months ago #

    and what CSS are you referring to when you say this:

    it said regular before and I put left, but nothing changed.

  10. boholovechild
    Member
    Posted 4 months ago #

    Yes just styles, like adding lines or centering the post titles or changing fonts :)

    I just looked for
    <li> and then changed it to left, where it said normal

  11. Andrew
    Forum Moderator
    Posted 4 months ago #

    If you're just changing styles then consider transferring your CSS modifications into; either a Child Theme or Custom CSS plugin.

    Let us know when you have done that.

  12. boholovechild
    Member
    Posted 4 months ago #

    I just installed the Custom CSS plugin. And now I have the Custom Cascading Style Sheet Code open and can add :) Thanks

  13. Andrew
    Forum Moderator
    Posted 4 months ago #

    So just float the <li>s left:

    #access li {
     float: left;
    }
  14. boholovechild
    Member
    Posted 4 months ago #

    WOW thank you so much! :) It worked!!

Reply

You must log in to post.

About this Topic