Okay
  Public Ticket #2311508
Header - menu style custumization
Closed

Comments

  • Blaž Učakar started the conversation
    February 26, 2020 at 9:54am

    I have two questions regarding further main menu custumization.

    1.)  I like the feature how the logo changes when switching from light to dark skin. And I would like to have the menu titles in the same almost black color both in light and in dark skin. I added two screen shots for easier understanding

  • Blaž Učakar replied
    February 26, 2020 at 10:03am

    I would like to have one of the titles in main menu (only in main menu, not in mobile) in red color.  So my second question is:

    2.) Is it possible to change color only to desired menu titles - in this case to one - music. I added two attachments for easier understanding.


  •  675
    Neuron replied
    February 27, 2020 at 10:15am

    Hi Blaz,

    I am very sorry for the late reply.

    1) You can address to the menu items via the holder class, for example the light skin has the following class.

    Dark Skin

    header:not(.l-primary-header--light-skin) ul li a {
    color: your_color !important;
}

    Light Skin:

    header.l-primary-header--light-skin ul li a {
    color: your_color !important; 
}

    I hope I did understand well your question.

    2) Of course, you need first to add a custom class to the menu item.

    1. Go to Appearance > Menu, tick the top right screen options button. 
    2. Enable CSS classes. https://prnt.sc/r8edbz
    3. Add the extra class. https://prnt.sc/r8edt6

    Go to Appearance > Customize > Additional CSS and highlight that with different color.

    header .music-color a {
    color: your_color !important;
}

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Blaž Učakar replied
    February 27, 2020 at 1:35pm

    Hi, no problem,

    thank you for your answer. This time I didn't manage to make it work. 

    1.) When you say "to address via the holder class", where should I paste this part of the code? In Appearance > Customize > Additional CSS?

    I've tried to put it in Additional CSS but the color of the Light skin menu is still white.

  •  675
    Neuron replied
    February 28, 2020 at 7:21pm

    Hi Blaz,

    I am sorry for the late reply.

    That was for the menu items, do you want the CSS for the complete background?

    header.l-primary-header--light-skin {
    background-color: your_color !important; 
}

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.