12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Help me center my menu please? Firebug expert?

by Alexander Sebastian
10 replies
  • WEB DESIGN
    • |
I have been modifying my wordpress theme and have hit a block, i cant center my navigation bar??? :confused:

Any firebug users drop me some advice before i shoot myself in the foot please?

Big Badass Blog, Blogging tips for wordpress

I have tried everything i can think of, the only thing i can do to move it is add padding, but obviously this messes up depending what browser/resolution you are viewing the site in!

Thanks anyone that reads this!

Alexio
#center #expert #firebug #menu
  • Profile picture of the author infogle
    look at your file blog-style.css

    you have to alter these codes...
    #access {
    display: block;
    float: left;
    width: auto;
    padding-left:15px;
    margin: 0 auto;
    padding-right:15px;

    }
    {{ DiscussionBoard.errors[3742953].message }}
    • Profile picture of the author Alexander Sebastian
      i tried that, but i could only move them with padding

      I thought "margin: 0 auto" would center it but no luck?
      Signature
      Alexander Sebastian Just launched his new blog offering High end Training for FREE..
      {{ DiscussionBoard.errors[3742988].message }}
    • Profile picture of the author jamesg3
      In your style css change this line 207 of this file http://www.bigbadassblog.com/wp-cont...blog-style.css
      Code:
      access {    display: block;
    float: left;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;


}
      to this

      Code:
      access {    display: block;
    float: left;
    margin: 0 auto;
    padding-left: 50%;
    padding-right: 15px;
    width: auto;


}
      YOU MAY NEED TO MAKE A SLIGHT ADJUSTMENT TO THE 50 %. opps sorry for the caps
      Signature
      Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
      Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
      {{ DiscussionBoard.errors[3742990].message }}
      • Profile picture of the author Alexander Sebastian
        Originally Posted by jamesg3 View Post

        In your style css change this line 207 of this file http://www.bigbadassblog.com/wp-cont...blog-style.css
        Code:
        access {    display: block;
    float: left;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;


}
        to this

        Code:
        access {    display: block;
    float: left;
    margin: 0 auto;
    padding-left: 50%;
    padding-right: 15px;
    width: auto;


}
        YOU MAY NEED TO MAKE A SLIGHT ADJUSTMENT TO THE 50 %. opps sorry for the caps
        trouble is on different resolutions it moves! i had to have it on 16% to have it centered on my monitor?
        Signature
        Alexander Sebastian Just launched his new blog offering High end Training for FREE..
        {{ DiscussionBoard.errors[3743050].message }}
        • Profile picture of the author jamesg3
          ok, hang on one sec I will work it out really quickly.
          Signature
          Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
          Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
          {{ DiscussionBoard.errors[3743063].message }}
  • Profile picture of the author Alexander Sebastian
    i appreciate it man! Its been doing my head in!

    I will owe you a drink or a favor!
    Signature
    Alexander Sebastian Just launched his new blog offering High end Training for FREE..
    {{ DiscussionBoard.errors[3743071].message }}
    • Profile picture of the author jamesg3
      Nah, We just do it because we like to, lol. just give me a few more minutes, I have to dig a bit deeper, the access style is not the one you want it seems.
      Signature
      Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
      Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
      {{ DiscussionBoard.errors[3743104].message }}
      • Profile picture of the author Alexander Sebastian
        Cheers man, i know its a lot more complicated than it seems!!

        yea its tricky, the "access" in theory should move the navigation links, but when it comes to centering them it does not work.

        I am having the same problem with the banner that is just below the navigation it seems it is not centered correctly for some reason?

        My trial and error approach is not working this time!!?
        Signature
        Alexander Sebastian Just launched his new blog offering High end Training for FREE..
        {{ DiscussionBoard.errors[3743137].message }}
        • Profile picture of the author jamesg3
          I am sorry to say but, The changes will have to be made in multiple places to achieve this. This is because your menu and menu items are nested in many divs & styles and are being called from 2 css files ( Ie, the blog-style.css, and the typography.css ) The only way i could help is to have temporary ftp access. I am not sure that you would be comfortable with that. But if you would like to provide it, I can help you with this for sure. I can only fake it so far with firebug and firefinder. Its very do able though.
          Signature
          Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
          Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
          {{ DiscussionBoard.errors[3743156].message }}
  • Profile picture of the author Alexander Sebastian
    would you mind having a look? i would really appreciate it!

    This has been doing my head in for days! No probs if your busy, and in your own time? i have added you to skype!

    I just checked out your website, it looks amazing! Really nice and clean!
    Signature
    Alexander Sebastian Just launched his new blog offering High end Training for FREE..
    {{ DiscussionBoard.errors[3743168].message }}

Trending Topics