New Landing › How can we help? › Cardinal › Update individual menu link style

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Cardinal
  • August 4, 2015 at 11:42 pm #200802
    brooklynkid
    Member
    Post count: 37

    Hi,

    I was trying to figure out how I could update the style of just one link on the main menu of my site to highlight that particular link.

    I searched the forums and was only able to find a CSS suggestion for one of the other themes that didn’t work on my site which is based on the Cardinal theme.

    1) How could I change the color and style i.e. bold of just the “We’re Hiring!” link on my site – http://allresort.com/

    2) Would there be a way to update the styling so that the link almost looked like a button i.e. create a border around the link text?

    Thanks for your assistance. Love your themes.

    Will be purchasing the new Atelier them for a new project. :-).

    August 5, 2015 at 8:35 am #200836
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    To target that menu item, you can use the class of the menu item, for e.g:

    .menu-main-menu-container .menu-item-2228 > a {
  your css here
}

    – Kyle

    August 5, 2015 at 11:26 pm #201163
    brooklynkid
    Member
    Post count: 37

    Great! That worked perfectly.

    Thanks Again Kyle!

    August 5, 2015 at 11:36 pm #201165
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks Kyle
    -Rui

    August 11, 2015 at 4:52 pm #202856
    Stijn
    Member
    Post count: 28

    Related to this, how could I achieve the same effect for the overlay menu?

    Thanks!

    August 11, 2015 at 4:57 pm #202859
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Use the code below, replace the color and add your desired rules.

    #overlay-menu nav ul li a, .overlay-menu-open a.overlay-menu-link {
    color: #afafaf;
}

    -Rui

    August 11, 2015 at 5:46 pm #202877
    Stijn
    Member
    Post count: 28

    Thanks for the quick response. How would this work if I want the different categories/menu items to be different colours? Where/how would I insert: .menu-item-XXXX?

    Cheers!

    August 11, 2015 at 6:23 pm #202892
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    It’s better to provide a specific example with your site link so we can check the menu items class.

    -Rui

    August 11, 2015 at 6:33 pm #202896
    Stijn
    Member
    Post count: 28
    This reply has been marked as private.
    August 11, 2015 at 6:48 pm #202901
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    can’t load that link. Can you check again?

    -Rui

    August 11, 2015 at 7:35 pm #202913
    Stijn
    Member
    Post count: 28

    Strange. I have taken maintenance mode off, and am able to access from my side when logged out. Should be working?

    August 12, 2015 at 1:52 pm #203226
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Here:

    #overlay-menu nav ul li.menu-item-21 a {
    color: #afafaf;
}

    – Kyle

    August 12, 2015 at 4:33 pm #203338
    Stijn
    Member
    Post count: 28

    Thank you Kyle, much appreciated!

    Stijn

    August 12, 2015 at 4:44 pm #203344
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

  • Back to forum
    Posted in: Cardinal
Viewing 14 posts - 1 through 14 (of 14 total)

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