New Landing › How can we help? › Atelier › Colors for Button Style Menu Item

Viewing 15 posts - 1 through 15 (of 22 total)
1 2
  • 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
Viewing 15 posts - 1 through 15 (of 22 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register