Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1182

    Hi,

    Firstly I apologize if this question is addressed somewhere that I was unable to find; I searched at length on the forums here in the terms “menu style” and “menu font” and was unable to find what I’m looking for.

    Basically the menu that comes up in the demo page with the sample data imported looks very different from the sample page;

    http://www.w1cked.com/menuissue.png

    Now, obviously I know I have to add the descriptions and re-organize the menu order myself that’s no problem – but I’m hung up on getting the style exactly the same just as a starting point — how would I go about having exactly the same starting menu style as the sample theme (pictured above)? It seems like this was left out of the .css or sample data?

    Best regards,

    Andrew

    #34329

    Just change the height of wrapper_head. Open style.css – here you’ll find following code:

    #wrapper_head{
    position: relative;
    z-index: 100;
    overflow: visible;
    }

    change it to

    #wrapper_head{
    position: relative;
    z-index: 100;
    overflow: visible;
    height:200px;
    }

    You can set the value of height to anything you like – set it to an higer value so that the vertical separators between each topic don’t reach the blue horizontal bar.

    The Dude

    #34330

    Hi,

    First of all, thanks for the quick response.

    I wasn’t at all looking to adjust the spacing of the header, I was looking to match the style with the demo website so that the font and subtitles look identical as in the example comparison image I posted above; which shows the differences I’m trying to fix.

    Thanks again,

    Andrew

    #34331

    Can we have a link to your page? We must have a look at the css files, html code, plugins etc.

    #34332

    Hi,

    Here’s the very rough work in progress; please don’t re-post real links; http://ephemurl.com/2d/18c

    I’d just like to make the style of the menu / fonts etc. look identical as in the demo page!

    Thanks again!,

    Andrew

    #34333

    Ok you’ve two possibilities:

    1) The recommeded one: Just use the menu manager instead of the auto generated menu. You’ll get the same results like in the demo.

    Go to you admin panel > appearance > menu

    There you’ll find the new WordPress 3.0 menu editor. Here you can create your own menu via drag’n’drop.

    OR:

    2) Open style1.css and insert following code at the end of the file:

    .nav li a {
    display:block;
    font-size:14px;
    font-weight:normal;
    }

    The Dude

    #34334

    Hello,

    Beautiful themes and nicely organized site…I’ve been using avisio quite happily for nearly a year now. But now…

    I have tried over and over to change the height of my header to accommodate a larger logo, (including the code below) and nothing works. It works when i do it in inspect element in the browser, but when i put the code in the child theme css, nada.

    #wrapper_head{

    position: relative;

    z-index: 100;

    overflow: visible;

    height:150px;

    }

    http://www.oasistroncones.com/

    As you can see, the logo is overlapping into the slider. Not good.

    Please help??

    Thanks very much,

    francoise

    #34335

    Hi,

    Just add this at the very bottom of style.css to fix the header height.

    #wrapper_head .center {
    padding: 0px 20px 60px 20px !important;
    }

    And try this to fix the menus.

    #top .nav a {
    padding: 2px 6px !important;
    }

    Regards,

    Ismael

    #34336

    Worked perfectly. Never woulda figured that one out alone. Thank you Ismael!

    #34337

    Hey,

    Glad that is fixed. :)

    Regards,

    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Menu Style is Different from In Demo?’ is closed to new replies.