Grow your CSS skills. Land your dream job.

Nav bar is beating me down.

  • # December 5, 2011 at 11:39 am

    I registered a new side bar within wordpress. I am using an aside to wrap my nav bar in.

    //registers new nav bar
    register_sidebar(array('name'=>'navbar',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '',
    'after_title' => '',
    ));
    }

    I need to style it with the following and it is destroying me.


    .leftnav{
    float:left;
    width: 125px;
    padding: 10px 0 0 0;
    border-right: solid 1px #000;
    }
    nav ul {
    list-style: none;
    padding-left: 10px;
    }
    nav li a {
    text-decoration: none;
    padding: 5px 0;
    }

    any help is appreciated.

    # December 5, 2011 at 12:01 pm

    What is it doing or not doing that you want it to do? Can you post the html structure that is referencing the css?

    # December 5, 2011 at 12:26 pm

    Im trying to target each li a so I can style them correctly.. here is the html

    by default wordpress is putting that div in there.

    im using the below ode to call the menu

    can I add a fiter to strip the tags or something?

    # December 6, 2011 at 8:06 am

    Hi Fectio, Did you manage to resolve your issue? Struggling to understand what’s not working? I’ve just had a look at your HTML and can’t see any anchors within most of your li’s? Is this intentional?

    # December 9, 2011 at 9:03 am

    Hello,

    Sorry about the above listed code. I did not expand the

  • so you could see the anchors. I still was not able to do exactly what I was trying to do, but found a temporary fix. Thanks for taking the time to look at it.

    # December 9, 2011 at 11:26 pm

    I suggest taking a look at this tutorial about wp menus http://digwp.com/2011/11/html-formatting-custom-menus/

    # December 10, 2011 at 8:11 am

    Thanks alot. I played around with some of the parameters as Chris had and I did not have much luck either. I will look into the other method suggested and the filters seem like a great idea.

    # December 10, 2011 at 8:50 am

    @Fectio – TheDoc has been really helpful to me getting a wordpress nav bar working to my liking. Maybe you could ask him?

    # December 10, 2011 at 8:54 am

    I defeated my Nemesis for now.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".