How to make round corners on "inline element"?

  • Anonymous


    In the menu the inline element has a square box wich I would like to have with round corners instead.

    Please give me a clue how to do this 🙂

    Regards from Bengt in Sweden




    you can try with border-radius css property, but it’s not workink in IE8, IE7 without tweaking.

    border-radius css property

    Applying that property in #header-menu ul li a in child-theme styling like this:

    #header-menu ul li a { border-radius:10px;}

    will put 10px radius around inline elements in sub-menu

    Use firebug in FF and Chrome or develop tools in IE9 to determine on which element you want to apply style property.

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

  • You must be logged in to reply to this topic.