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: Dante
• October 15, 2015 at 5:42 pm #221084
  Jazzbones

  Member

  Post count: 11

  Hello!

  I am looking to change the menu bar colour from white to black/grey is this possible within the theme settings or do I need to change it in the code? If I do could someone point me in the right direction?

  Many thanks,
  Jon

  October 15, 2015 at 5:45 pm #221087
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide a link or screenshot?
  So we can provide a solution.

  -Rui

  October 16, 2015 at 8:58 am #221155
  Jazzbones

  Member

  Post count: 11

  Hello,

  Here is a link: http://www.jazzbonesdemo.co.uk/travel/

  We want the top menu bar (currently white) to be black. I can then change the links and logo colours to work with it.

  Many thanks,
  Jon

  October 16, 2015 at 10:09 am #221160
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #top-bar  li {
  color:#000 !important;
  }
  #top-bar .menu > li >a {
  color:#000 !important;
  }

  Thanks
  Mohammad

  October 16, 2015 at 10:14 am #221162
  Jazzbones

  Member

  Post count: 11

  Thanks Mohammad, would you mind pointing me to the correct file this need to be added too. My CSS knowledge is limited. Thanks.

  October 16, 2015 at 10:35 am #221174
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please go to Admin -> Theme Options -> Custom CSS -> Here you can insert custom css code.
  Thanks
  Mohammad

  October 16, 2015 at 10:39 am #221177
  Jazzbones

  Member

  Post count: 11

  Hi Mohammad,

  Thanks. I have tried this and its not working…

  Jon.

  October 16, 2015 at 10:56 am #221181
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Its working fine here. So please check after clear the cache of browser.
  Thanks
  Mohammad

  October 16, 2015 at 11:11 am #221186
  Jazzbones

  Member

  Post count: 11

  Hi Mohammed,

  Sorry we have got muddled here. Its the actual menu bar for the site. Please see attached for what I mean.

  Thanks,
  Jon

  Attachments:

  You must be logged in to view attached files.
  October 16, 2015 at 11:43 am #221191
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this one.

  
  #header-sticky-wrapper {
      background-color: #000;
  }

  -Rui

  October 16, 2015 at 11:50 am #221193
  Jazzbones

  Member

  Post count: 11

  Hi Rui,

  Yes that worked, but then when you scroll down it changes back to white?

  Also the logo is popping out of the menu bar. See image attached.

  Cheers

  Attachments:

  You must be logged in to view attached files.
  October 19, 2015 at 10:46 am #221492
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  The scroll sticky header is now black, to amend your logo please add this:

  .is-sticky #logo img {
      max-width: 80%;
  }

  Cheers,
  David.

• Back to forum

  Posted in: Dante