Leo
(@leohsiang)
Hi there,
Can you provide a link to your site?
Thanks!
Hello Leo,
Thanks for the reply. Please check it out at the following link;
http://www.meedad.com.tr/faryeni
Thanks a lot !
Leo
(@leohsiang)
Give this a shot instead:
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: #69C8E0;
background-color: #69E071;
}
Let me know.
Leo
(@leohsiang)
Oh and I’m not sure if the border around the actual menu text is possible.
Can you find an example of other sites with this border style? If so I can probably tell you how they did it 🙂
-
This reply was modified 7 years, 1 month ago by
Leo.
Thank you so much Leo. This worked very well. But one small problem. When for e.g. you are at home page. Now the current menu color is the way we want. However, when you hover your mouse, it again goes back to gray.
How can we solve that ?
By the way, I will look forward to hearing from Tom about the text border in a menu.
Thanking you.
Leo
(@leohsiang)
Can you try this instead:
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: #69C8E0 !important;
background-color: #69E071 !important;
}
-
This reply was modified 7 years, 1 month ago by Leo.
Thank you so much Leo, worked like a charm.
Wish you have a nice day.
One more thing please Leo,
How can I increase the font size of the menu text and make search icon bigger ?
Thanking you.
One more thing, 2, please Leo,
When hover, how can we also make the text bold ?
Thanking you.
Leo
(@leohsiang)
Try this:
.main-navigation a {
font-size: 20px;
}
.main-navigation a:hover {
font-weight: 800;
}
You are great Leo. Thank you so much, it worked like a charm.
Hello Leo,
I want to ask you another question please. As you remember, we have applied additional CSS to change the color of active menu button.
Can there be an exception like we will keep this CSS but when we visit the website first, Home menu button will have the same color with menu bar instead of modified active menu button color ?
Thanking you.
Leo
(@leohsiang)
So are you wanting the first menu item to ALWAYS have the background color that matches the navigation background?
If you are just wanting the colors to match when you first entered the site then I don’t think that’s possible without some special coding as WordPress can’t just read it as Active menu item Sometimes.
In fact, not always. Only when you first visit the website. After that let’s assume we have navigated within the website and clicked Home again. This time, Home will also have modified active color.
