Style single link in menu

  • Hi ??

    I’m trying to style one link on my menu bar. It’s just one link that should have a blue background at all times, if that page is active or not. I was able to make it work when that page is active (https://www.canomed.com/plan/) but it needs style changes to fix the font color. I do know CSS and HTML, but I can’t find the actual file where the menu would be in order to style that link. I figure if I can find the file that has the menu, all I have to do is add a class and style the link. I have access to all the files and stylesheets.

    I’m using the Striking theme. You can view the site here: https://www.canomed.com/

    Thank you all so much for your help

Viewing 1 replies (of 1 total)
  • Thread Starter nikinicole

    (@nikinicole)

    Still pulling my hair out on this one.

    Found a class that relates to that menu item, but the styles aren’t effecting it exactly how I thought it would.

    Here is my css: 

    .menu-item-317 {
	background-color: #29415A;
	color: #FFFFFF !important;
	height: 35px;
}

.menu-item-317 a:link, .menu-item-317 a:visited, .menu-item-317 a:active, .menu-item-317 a:hover, {
	color: #FFFFFF !important;;
}

    And here is the navigation html:

    <nav id="navigation" class="jqueryslidemenu"><ul id="menu-navigation" class="menu"><li id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-245 current_page_item menu-item-313"><a href="https://www.canomed.com/home/">Home</a>
<li id="menu-item-320" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-320"><a href="https://www.canomed.com/our-practice/">Our Practice</a>
<li id="menu-item-319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-319"><a href="https://www.canomed.com/doctors-dentists/">Doctors & Dentists</a>
<li id="menu-item-317" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-317"><a href="https://www.canomed.com/plan/">Plan</a>
<li id="menu-item-316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-316"><a href="https://www.canomed.com/medical-blog/">Blog</a>
<li id="menu-item-315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-315"><a href="https://www.canomed.com/news-offers/">News & Offers</a>
<li id="menu-item-318" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-318"><a href="https://www.canomed.com/contact/">Contact</a>
</nav>

    I can’t get that link to turn white, and that box needs to be down about 25 px and I’m having serious trouble trying to make it happen.

    Site link: https://www.canomed.com/

    Thanks so much to anyone that can help

Viewing 1 replies (of 1 total)
  • The topic ‘Style single link in menu’ is closed to new replies.