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: Atelier
• August 24, 2015 at 1:32 am #206535
  ninesolutions

  Member

  Post count: 192

  Hello,

  I have set the last menu item (try netgain for free) to be a button style menu item. May know how can i set the button color and text color?

  thanks!

  August 24, 2015 at 4:35 am #206539
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  nav ul.menu > li.menu-item-235 > a > span.menu-item-text{
  border:2px solid #eee !important;
  border-radius:50px !important;
  }

  Thanks
  Mohammad

  August 24, 2015 at 10:06 am #206635
  ninesolutions

  Member

  Post count: 192

  Thanks Mohammad,

  I tried the CSS code but there is still no changes.

  I wish to make the button to look like this: http://i.imgur.com/KrFpjj5.png

  thanks!

  August 24, 2015 at 10:48 am #206663
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
      background: #04BEF9 !important;
      border-radius: 4px !important;
  }

  Thanks
  Mohammad

  August 24, 2015 at 11:01 am #206667
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  August 24, 2015 at 11:08 am #206672
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved the issue so please check it now.
  Thanks
  Mohammad

  August 24, 2015 at 11:14 am #206678
  ninesolutions

  Member

  Post count: 192

  Hi Mohammad,

  thank you so much for the quick response!

  I have one last issue with it.

  On the sticky header the white font text is not appearing. http://i.imgur.com/IbiSiGI.png

  Can you help me with it too?

  Thanks you 🙂

  August 24, 2015 at 11:49 am #206692
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove my last css code use this custom css code:-

  nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
      background: #04BEF9 !important;
      border-radius: 4px !important;
      color:#fff !important;
  }

  Thanks
  Mohammad

  August 24, 2015 at 11:53 am #206695
  ninesolutions

  Member

  Post count: 192

  Thanks Mohammad,

  It is all working perfect now!

  Thank you so much!!

  August 24, 2015 at 12:08 pm #206702
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome.
  Thanks
  Mohammad

  August 25, 2015 at 5:56 pm #207391
  ninesolutions

  Member

  Post count: 192

  Hi Mohammad,

  Sorry to open this thread again, i am having a little bit of trouble here.

  When i mouse over the button, the hover effect expand to the entire menu. (see here: http://i.imgur.com/M8JfCUn.png) may i Know how can i disable that hover effect?

  Thank you so much!

  August 25, 2015 at 6:05 pm #207396
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  August 26, 2015 at 7:02 am #207478
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  nav ul.menu > li.menu-item.sf-menu-item-btn > a {
      background-color: #FFF !important;
  }

  Thanks
  Mohammad

  August 27, 2015 at 4:58 pm #208215
  ninesolutions

  Member

  Post count: 192

  Thanks Mohammad,

  all great now!!

  Thank you! 🙂

  August 27, 2015 at 5:26 pm #208222
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted. Thanks Mohammad.
  -Rui

• Back to forum

  Posted in: Atelier