current page link color « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

current page link color

7 posts from 2 voices

Started 1 year ago by jorisvh
Latest reply from Mya
This topic is closed
This topic is resolved

Tags:

jorisvh
Member

Hello all,

How can I set the current page color? I have a hover color but when I click on a link that navigate me to a page I would like to see the same color as the hover so you can see wich page is active.

Thanks,
Martijn

Posted 1 year ago #
jorisvh
Member

I solved it for a custom menu widget but not for the flashlight menu. Any idea?

Thanks

Posted 1 year ago #
jorisvh
Member

Still not found. Is this not possible?

Posted 1 year ago #
Mya
Hi Martijn,

Add this to your custom.css or your Quick CSS under Flashlight > Styling.
```
.main_menu .menu .current-menu-item a strong,
.main_menu .menu .current_page_ancestor a strong {
    color: #1994E6;
}
```
You'll want to change the color to match to your hover color.

Regards,
Mya
Posted 1 year ago #
jorisvh
Member

Hello Mya,

That didn't work. The problem is that I made custom links so you can navigate immediately to single product pages. If I add a page menu item I see indeed the current page class. But the custom links don't have such class. Is there a way to change this or is there another way to get the result?

Thanks a lot.

Martijn

Posted 1 year ago #
jorisvh
Member

I found a solution. Add this code to your functions.php:

add_filter('nav_menu_css_class', 'AddCurrentMenuItemClass',1,2);

function AddCurrentMenuItemClass($classes,$item)
{
$link = site_url().$_SERVER['REQUEST_URI'];
if(strpos($link, $item->url) !== false)
{
$classes[] = 'current-menu-item';
}
return $classes;
}

Then you can use the current class.

Thanks

Posted 1 year ago #
Mya

Glad you figured it out. Thanks for posting the solution here.

Regards,
Mya

Posted 1 year ago #