Changing a singular link in the nav bar to a different background colour

[WFULLSTREET]

Hi, please see my image for reference.

1 - I’m trying to make one of my links bold (the mobile number) also with a emblem / image on the left of it.
2 - I’m trying to make the ‘BOOK YOUR CAR IN TODAY’ link in the nav bar have a background / box with also changing the colour.

Is there any way around this…

Thanks for your continued support.

Regards, Will

[mldarshana]

Hi There,

Thanks for writing in! I could not see the mobile number or the Book your car in today link as you have mentioned on your site.

Also I could not login to your site and it seems that you have changed the /WP-Admin or wp-login.php links.
Error - Page Not Found.

Let us know with details, so that we can look into your issue.

Thanks!

[WFULLSTREET]

http://premierautomotivederby.com/wp-admin/

My bad bro, here you go!

[mldarshana]

Hi There,

Try adding the following CSS rule into your Theme Options > Global CSS area.

#menu-item-24 a span {
    background-color: blue;
    padding: 10px;
}

To add a phone image, I have added the following code into your menu item.

<i class="x-icon x-icon-mobile-phone" data-x-icon="&#xf10b;"></i>

Hope that helps.

[WFULLSTREET]

Thanks for your reply & for helping me out. I’m almost there but when I add extra padding it pushes it from the navigation line and off sets it.

• The phone looks class thankyou!

Cheers again, Will

[thai]

Hi There,

You can reduce the top padding by adding this custom CSS:

li#menu-item-24 a {
    padding-top: 30px;
}

Hope it helps

[WFULLSTREET]

Thankyou! Works perfectly but I’m trying to get rid of the underline decoration on hover / on this individual link.

I tried it but there’s no budging it.

Thanks for your help

[jade]

Hi there,

Please update this code

#menu-item-24:hover a span {
    background-color: transparent;
    border: 2px solid #119BD8;
    padding: 7px !important;
    color: #119BD8;
    font-weight: bold;
} 

to this:

#menu-item-24:hover a span {
    background-color: transparent;
    border: 2px solid #119BD8;
    padding: 7px !important;
    color: #119BD8;
    font-weight: bold;
    box-shadow: none;
} 

Hope this helps.