ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• November 15, 2014 at 11:30 pm #128573
  clhammel

  Member

  Post count: 3

  I have a very basic question but am struggling. Is it possible to change the nav menu background color alone in the theme customization menus. I can change the entire header color or gradient but cannot find how to change just the nav menu color. Thanks.

  November 16, 2014 at 11:31 am #128600
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  No you’d have to use custom css for that:

  #header-section > #main-nav {
    background-color: #111111;
  }

  – Kyle

  January 11, 2015 at 10:52 pm #140709
  DanielMcQ

  Member

  Post count: 7

  Hi,

  I was trying to do something similar with the Dante theme, but using this custom css approach doesn’t work, even with an “!important”.

  When I load the page I can see the navigation background flash for a second with the background color I want (red), but then it’s quickly overwritten back to white.

  Thanks

  Daniel

  January 12, 2015 at 7:59 am #140782
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Please can you provide your link so I can check

  – Kyle

  April 17, 2015 at 6:52 pm #166114
  Mandarinka1

  Member

  Post count: 3

  Hi Kyle, I have similar problem, adding the code didn’t help – the site’s address is http://www.morethandesign.co.nz. would be please possible to help? I’m new to wordpress…thanks!

  April 17, 2015 at 7:06 pm #166115
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this one

  
  nav#main-navigation {
    background-color: #F7F4F4;
  }

  -Rui

  April 17, 2015 at 7:11 pm #166116
  Mandarinka1

  Member

  Post count: 3

  Hi Rui, thanks a lot! Can I have 2 more questions please?
  I would like to make the gap between the navigation and slider smaller – how do I do that please?

  and also, how can I change the left padding of the Website title? also, the size of the text? thanks heaps

  April 17, 2015 at 10:29 pm #166155
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Adjust the values to your needs.

  .home .inner-page-wrap {
    margin-top: 0px!important;
  }
  .header-6 #logo, .header-7 #logo {
    left: 50px!important;
  }
  #logo h1 {
    font-size: 34px!important;
  }
  

  -Rui

  April 18, 2015 at 6:30 pm #166230
  Mandarinka1

  Member

  Post count: 3

  This reply has been marked as private.
  April 20, 2015 at 6:51 am #166325
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #menu-top{
  padding-top:14px !important;
  }
  

  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood