Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2015 at 2:41 pm #421140
    sjwmobile

    Hi.

    I would like to add an item to the main navigation that is in bold or even a different colour. Is it possible to assign custom CSS to make an individual menu item bold/different colour and can you confirm the best approach to this please?

    Thanks in advance,

    Sam

    March 31, 2015 at 2:44 pm #421143
    Yigit

    Hey sjwmobile!

    Using menu item ID’s it is possible with custom CSS. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
    Example would be

    li#menu-item-755>a>.avia-menu-text {
color: red;
font-weight: bold; 
}

    Cheers!
    Yigit

    March 31, 2015 at 2:54 pm #421158
    sjwmobile

    Fantastic – thanks Yigit.

    Do you know if it’s possible to align the menu item to the right (so that it sits alongside the search tool) as well?

    Can I just add align: right; or something similar to the CSS?

    Thanks!

    March 31, 2015 at 2:57 pm #421161
    Yigit

    Hi!

    You can add following code to Quick CSS 

    li#menu-item-30 {
  position: relative;
  left: 33%;
}

    But you would need to adjust the left value for different screensizes

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.