Menu bar height

  • Peter
    Peter
    Newbie 36 points
    August 8, 2013 at 8:56 pm

    Changing the navigation bar height in the sidebar

  • Peter
    Peter
    Newbie 36 points
    August 8, 2013 at 9:04 pm

    Hi All, I could do with a little help here please!

    I’d like to change the height of the navigation bars in my sidebars as circled on the right. (I think they are currently 50px) I’d also like to change the thickness of the bar circled in the centre of the screen. Many thanks for a great new theme Mark!

    Many thanks, Pete

    Attachments:
    You must be logged in to view attached files.
  • Ian
    Ian
    Super Guru 1,200 points
    August 8, 2013 at 9:37 pm

    Post a link to that page

  • Peter
    Peter
    Newbie 36 points
    August 9, 2013 at 5:03 pm

    Thanks in advance Ian, the url is http://www.bellemaisonclps.co.uk

    Thank you.
    Pete

  • Ian
    Ian
    Super Guru 1,200 points
    August 10, 2013 at 11:08 am

    Try adjusting

    .itembox h2 {line-height:32px}

  • Peter
    Peter
    Newbie 36 points
    August 10, 2013 at 1:45 pm

    Many thanks for this Ian!

  • Dan
    Dan
    Newbie 66 points
    August 10, 2013 at 9:20 pm

    Where is: .itembox h2 {line-height:32px} inserted to?
    ..and would that change the top menu bar size? Im wanting to change the top menu (below the logo area)

  • Ian
    Ian
    Super Guru 1,200 points
    August 10, 2013 at 9:57 pm

    No, that won’t change the menu.

  • Dan
    Dan
    Newbie 66 points
    August 17, 2013 at 7:19 pm

    how would I do that?
    Its waaaay to high for its own good.

  • Peter
    Peter
    Newbie 36 points
    August 17, 2013 at 8:05 pm

    Hi Dan,
    if you’re just looking to change the main menu bar height then here are the changes I made to the styles.css file to achieve the look on my site – http://www.bellemaisonclps.co.uk
    It begins on line 91 I believe (menu + sub menu.) Hope this makes sense, if not let mw know and I’ll clarify…
    Pete

    .menu { height:30px; }
    .menu li { background:url(images/menu_spacer.png) top right no-repeat; padding-right:20px; height:30px; }
    .menu li a { padding-top:8px; font-size:16px; }

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

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes