Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #274234

    Hey!

    How can I thicken the border on the menu items?

    And if I wanted to, how would I thicken the accent stripe at the bottom?
    Thanks!

    • This topic was modified 9 years, 10 months ago by interage.
    #274253

    Hi interage!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to increase the height of menu fx and adjust as needed

    .avia-menu-fx { height: 10px; }

    Can you post the link to your website so we can see the border?

    Regards,
    Yigit

    #274261

    Hey!
    I can’t post a link here yet, as it’s still a private testbed.
    The code you posted works for the color stripe, but I still need to know how to thicken the border AROUND the menu items.
    Thanks!
    mark

    #274270

    Hi!

    If you are talking about border around dropdown menu please add following code

    .av-main-nav ul li a {
    border-width: 10px;
    }
    .av-main-nav > li > ul {
    border-top-width: 10px;
    border-bottom: 10px solid #e2e2e2;
    }

    If not, you can post the link to your website here privately or at least post a screenshot so we can make sure which element you would like to change

    Cheers!
    Yigit

    #274289

    Hey…

    I’m talking about the border on the actual menu items.

    border

    NOTE: not just for the rolled-over item, but for all.
    Thanks!
    Mark

    #274290

    Hey!

    Please add following code to Quick CSS and adjust as needed

    .av-main-nav > li {
    border: 3px solid #e2e2e2;
    }

    Best regards,
    Yigit

    • This reply was modified 9 years, 10 months ago by Yigit.
    #274292

    Hey Yigit!
    “NOTE: not just for the rolled-over item, but for all.”
    The code you gave me only does the rolled over menu item… I want it for ALL buttons in the menu bar.
    Thanks!
    Mark

    #274296

    Hey!

    Sorry my bad, i posted exact opposite ;D I have edited the code, please try it now

    Regards,
    Yigit

    #274308

    Close!

    That worked – but the menu bar didn’t expand to match:
    thicken 2
    See the extra line at the bottom?
    Thanks!
    M

    #274309

    Hey!

    Please use following code instead

    .av-main-nav > li > a { border: 3px solid #e2e2e2!important; }

    it should look like this – http://i.imgur.com/v4MEqY7.png

    Regards,
    Yigit

    #274318

    YES!
    Text is a little low in the buttons, but awesome!
    Thanks so much.
    Mark

    #274324

    Hi!

    You are welcome Mark, we are always glad to help!

    Regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Thicken border on menu items…’ is closed to new replies.