highlight current active page link

How to Highlight Current Active Page Link in WordPress [with Pictures]

If you want to highlight the current active page link anywhere in your WordPress website or blog, then this tutorial is for you.

In this tutorial I will teach you, how can you highlight the current active page link anywhere in WordPress website, wherever you want.

Here I will apply it in sidebar, but you can use it anywhere in your website.

Let’s Start

Step 1: Create a new menu

First of all create a new menu add add items to it.

create nav menu 1 - WebPlover

Step 2: Add menu to widget

After creating menu, now add it to your sidebar widget

add menu to sidebar - WebPlover
select nav menu - WebPlover

Our new menu is added in the sidebar, as you can see in the screenshot

widget in sidebar - WebPlover

Step 3: Add custom css

Now we need to add custom css code to style the current page link in the sidebar.

For this go to Appearance -> Customize -> Additional CSS or you can use any custom css plugin like Simple Custom CSS and JS

add custom css to wordpress - WebPlover

and paste this css code inside it, then click on Publish button.

.widget .current-menu-item a {
	color: #28a745;
}
hightlighted current page link - WebPlover

You can add more css according to your need, to style the current page link.

Now if you have any question, let me know through comment or email, I will try to help you.

Here are a few guides for you to read next:

 

If you find this article helpful, then please Subscribe to our YouTube Channel for video tutorials, and share this article on social media.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *