converting navigation to horizontal list

  • Unknown's avatar
    doulakendra · Member ·

    I’m having trouble converting my vertical navigation to a horizontal list. I’m afraid I don’t have enough CSS skills to see if I’m making some basic omission of the style sheet in general, etc.

    I had thought it would be in this section of code on the site, but it doesn’t seem to have any impact on the display when I try making changes to it. Am I missing something obvious? Any help would be appreciated!

    <style type=”text/css”>

    .reblog-from img { margin: 0 10px 0 0; vertical-align: middle; padding: 0; border: 0; }
    .reblogger-note img.avatar { float: left; padding: 0; border: 0; }
    .reblogger-note-content { margin: 0 0 20px 35px; }
    .reblog-post { border-left: 3px solid #eee; padding-left: 15px; }
    .reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; }
    .reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; }
    .reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; }
    .reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; }
    .reblog-post { border-left: 3px solid #eee; padding-left: 15px; }
    </style>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Here’s some general information about this theme.
    http://theme.wordpress.com/themes/imbalance2/
    http://imbalance2demo.wordpress.com/

    Imbalance 2 offers two layout options, fluid and fixed.
    Fluid means the width changes according to screen resolution (or the width of browser) your visitors use.
    Fixed means the width does not change according to screen resolution (or the width of browser) your visitors use.
    http://theme.wordpress.com/themes/imbalance2/

    Column one is the blog title and tagline; you edit them in Settings > General.
    Column four is for widgets; you add them in Appearance > Widgets.
    Columns two and three are for two menus; you create and load them in Appearance > Menus – instructions here: http://en.support.wordpress.com/menus/

    P.S. I don’t help with CSS editing. Only Staff provide support for it these days.

  • Unknown's avatar
    designsimply · Member ·

    Try adding this to your Appearance → Custom Design → CSS page:

    #header {
padding-bottom: 0;
}

#header-center {
display: none;
}

#header-left {
width: 640px;
}

.menu ul li {
float: left;
padding-right: 10px;
}

    Note that this doesn’t account for submenus, it only affects top level menu items. If you added any submenu items later you would need to check the CSS again and make more adjustments if needed.

  • The topic ‘converting navigation to horizontal list’ is closed to new replies.