Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 8, 2014 at 5:40 am #276158
    Emmanuelppp

    Hello,

    I wish to have a background color on ine of the item in the main menu. Since the background would be red, I need the letters to be white. The result would be exactly like here : http://www.firmex.com/

    I ran a search and found this https://kriesi.at/support/topic/main-menu-button/ it’s not exactly what I mean but it gives me hope that’s possible.

    Is it ?

    Thanks a lot

    June 8, 2014 at 1:50 pm #276187
    Ismael

    Hi Emmanuelppp!

    Thank you for using the theme!

    You can start with this, just change the menu item id:

    li#menu-item-3018 a {
background: red;
height: 30px !important;
line-height: 30px !important;
color: white;
margin-top: 30px;
}

.header-scrolled li#menu-item-3018 a {
margin-top: 8px;
}

    Change the 3018 id. You need to play around with the top margin if you set a different header height.

    Best regards,
    Ismael

    June 8, 2014 at 3:37 pm #276222
    Emmanuelppp

    Hello Ismael and thank you,

    I put it in Quick CSS but nothing changes. (I deleted my cache as well)
    I did replace 3018 with the page id. Is “menu item” the page id?

    Best regards,
    Emmanuel

    June 8, 2014 at 3:44 pm #276225
    Ismael

    Hey!

    Thank you for the update.

    No, not the page id. The menu item id. If you use google chrome then inspect the menu item element, you’ll see that there are different menu item id.

    Regards,
    Ismael

    June 9, 2014 at 10:37 am #276377
    Emmanuelppp

    Thank you very much, it’s working now :)

    Last little thing so I can understand, since we modified the background color, it’s not easily possible to have rounded corners, right? like for a button.

    Thanks a lot!

    June 9, 2014 at 10:41 am #276381
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    li#menu-item-3018 a { border-radius: 5px; }

    Best regards,
    Yigit

    June 9, 2014 at 10:45 am #276386
    Emmanuelppp

    Amazing, thank you for the fast answer, it works perfect.

    My problem is solved, thanks to you both.

    June 9, 2014 at 10:49 am #276389
    Yigit

    Hi!

    You are welcome, glad we could hep :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Main menu, color background on one item’ is closed to new replies.