Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 3, 2014 at 9:57 pm #274234
    interage

    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 10 years, 6 months ago by interage.
    June 3, 2014 at 10:17 pm #274253
    Yigit

    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

    June 3, 2014 at 10:22 pm #274261
    interage

    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

    June 3, 2014 at 10:27 pm #274270
    Yigit

    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

    June 3, 2014 at 10:52 pm #274289
    interage

    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

    June 3, 2014 at 10:56 pm #274290
    Yigit

    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 10 years, 6 months ago by Yigit.
    June 3, 2014 at 11:03 pm #274292
    interage

    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

    June 3, 2014 at 11:08 pm #274296
    Yigit

    Hey!

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

    Regards,
    Yigit

    June 3, 2014 at 11:25 pm #274308
    interage

    Close!

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

    June 3, 2014 at 11:33 pm #274309
    Yigit

    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

    June 3, 2014 at 11:45 pm #274318
    interage

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

    June 3, 2014 at 11:49 pm #274324
    Yigit

    Hi!

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

    Regards,
    Yigit

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