Tagged: top bar menu
Hello,
I need help putting a boxed border around specific menu items on the top bar menu that is above the main menu. I only need it on the last 3 times on the menu and i also want it to change color when hovered over to the color gold please and thank you for your help.
Kevin
Correction:
I only need it on the last 3 menu items
Hi,
So you need it around the links to the right of the phone number?
Best regards,
Jordan Shannon
Hey Jordan,
Yes those 3, when i tried doing it i got 2 different sized boxes around each item and i dont know how to fix that.
Hi,
Add this to quick css:
#header_meta nav ul li{
border:1px solid #fff!important;
padding:20px!important;
}
#header_meta .phone-info{
padding:20px!important;
}
Best regards,
Jordan Shannon
Jordan,
That worked and put a boxed border but now is there a way to separate the boxed borders a little so that they are not all touching. I updated the change so you can see.
Thanks again,
Kevin
Hi,
Add this to quick css:
#header_meta nav ul li{
margin-left:5px!important;
}
Best regards,
Jordan Shannon
Jordan,
Thank you so much look great, now there is one more thing i know how to change the color but what if i want it to change color when hover text?
thanks,
Kevin
Hi,
Try this in quick css and make it whatever color you need:
#header_meta nav ul li a:hover{
color:red!important;
}
Best regards,
Jordan Shannon
Jordan,
Thank you for your help it worked and I am good to go have a wonderful rest of your day.
Kevin
Hi,
Great! I’m glad we were able to work this out. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon