Adelle Theme: How to add a border to White Navigation Bar (Without the Flags)

  • Unknown's avatar
    notyourcomfortzone · Member ·

    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)

  • Unknown's avatar
    hallluke · Member ·

    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:"";
}
  • Unknown's avatar
    notyourcomfortzone · Member ·

    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?

  • Unknown's avatar
    hallluke · Member ·

    Yes to both, try this out:

    .navigation-main ul ul {
  border:2px solid #eee;
}

.navigation-main {
  font-weight:900;
}
  • Unknown's avatar
    notyourcomfortzone · Member ·

    That worked so well, thank you very much!

  • The topic ‘Adelle Theme: How to add a border to White Navigation Bar (Without the Flags)’ is closed to new replies.