Adelle Theme: How to add a border to White Navigation Bar (Without the Flags)
-
Hey There,
I need help with the last step of my Navigation Customization and I hope that after hours of searching someone can help me.
The Blog “girl lost in the city” actually have the perfect menu I am looking for but the codes I found on the site itself didn’t work: http://girllostinthecity.com/
What I want is a transparent/white navigation bar with a grey border but without the typical Adelle Flags.
Further, it would be great if the menu text would be just a little thicker than it is now.I used the following code to make the navigation white and I hope you guys can help me with the rest?
Thank you so much for your support!
Best Regards.navigation-main, .navigation-main ul ul, .menu-toggle, .main-small-navigation ul.nav-menu.toggled-on { background: #fff; } .navigation-main, .navigation-main a { color: #000; } .navigation-main:before, .navigation-main:after { border: none; }The blog I need help with is: (visible only to logged in users)
-
Try adding this to your custom CSS:
.navigation-main { border-top:2px solid #eee; border-bottom:2px solid #eee; } .navigation-main li { padding-right:20px; } .navigation-main a { font-size:12px; letter-spacing:2px; } .navigation-main li.current_page_item a, .navigation-main li.current-menu-item a { color:#000!important; } .navigation-main li > a:after { content:""; } -
That worked perfectly, thank you so much.
I have to further questions:Is it somehow possible to make the font of the navigation bar…more bold?
And is it possible to surround the drop down menues of the navigation bar with a frame?
-
Yes to both, try this out:
.navigation-main ul ul { border:2px solid #eee; } .navigation-main { font-weight:900; } -
- The topic ‘Adelle Theme: How to add a border to White Navigation Bar (Without the Flags)’ is closed to new replies.