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: Cardinal
• December 29, 2014 at 4:59 am #138034
  ninesolutions

  Member

  Post count: 192

  Dear Swiftideas Support staff,

  I would like to create a button in one of my menu item like the “get started” in this demo: http://cardinal.swiftideas.com/demos/#corporate

  How can i do that?

  thanks! 🙂

  December 29, 2014 at 5:35 am #138039
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please add a class sf-menu-item-btn to this menu item. Now your menu will look like a button.
  Thanks
  Mohammad

  December 29, 2014 at 6:02 am #138046
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  December 29, 2014 at 6:14 am #138052
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
  margin: 9px 0 !important;
  }
  
  .sf-menu-item-btn > a {
  color: !important;
  }

  Thanks
  Mohammad

  December 29, 2014 at 6:39 am #138055
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  December 29, 2014 at 7:26 am #138058
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove last one code and use this one new code only :-

  nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
      color: #ffffff !important;
      margin: 9px 0 !important;
     
  }

  Thanks
  Mohammad

  December 29, 2014 at 8:01 am #138063
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  December 29, 2014 at 8:07 am #138068
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove all code and insert this code because i correct all bug inside the code.

  .page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo h1, .page-header-naked-light .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right li > a {
  color: #323232;
  }
  #main-nav {
  border-color: #252525;
  border-top-style: none;
  }
  nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text {
  color: #ffffff !important;
  margin: 9px 0 !important;
  
  }

  Thanks
  Mohammad

  December 29, 2014 at 9:00 am #138089
  ninesolutions

  Member

  Post count: 192

  This reply has been marked as private.
  December 29, 2014 at 9:54 am #138102
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved the issue. Please check it now.
  Thanks

  December 30, 2014 at 9:14 am #138264
  ninesolutions

  Member

  Post count: 192

  Hi Mohammad,

  thank you so much. It is working great now.

  Greatly appreciate your help here! 🙂

  December 30, 2014 at 9:27 am #138266
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great, thanks Mohammad 🙂

• Back to forum

  Posted in: Cardinal