Archived topic
Primary Menu Effect and Body Text Link Effect
9 replies · Started by Lukasz on May 4, 2020
Hi,
I have two things to resolve them. The first one, I would like to have Menu Item name in a different color than color of the underline.
The second one how to implement link text effect like on below image. I mean bold line under a text with some padding. I would like to have the effect only for link body text.
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Hi Leo,
do you see the images in my first message? I've attached what I want to reach.
There isn't an option to underline the menu items built-in so I would need to see what you are doing currently.
Screenshots really don't help with issues where we need to inspect and provide the code.
Can you link me to site in question?
ok, gotcha. My css code is doing this
@media (min-width: 769px) {
.main-navigation .menu > .menu-item.current-menu-item > a,
.main-navigation .menu > .menu-item.sfHover > a {
border-bottom: 3px solid currentColor;
}
}so the item menu name and underline have the same color
Have you tried editing currentColor to whatever color you want?
hm, I've change the param and it works. Thank you!
I have the next thing to reach yet. I mean link effect as quiet thick line under a text in body text. How to achieve that? Generatepress allows to change link color, right?
Try something like this.
.entry-content a {
border-bottom: 2px solid #000;
}That's what I was looking for. Thank you so much!
No problem :)
