Highlighting current page in footer
-
Hi,
Is there any way to highlight (or preferably, underline) the page a user is currently on in the footer? I have 6 main pages (including the front page), three of which have sub-pages.
Thanks
The blog I need help with is: (visible only to logged in users)
-
Hey,
You could do it by adding a CSS code. Which plan do you currently use on WordPress.com? -
-
Lets try this code. Follow the steps below.
Go to your dashboard – Appearance – Customize – Add Additional CCS
Add the code below and try it out./* Add your general styling for the menu items here */
.menu-item {
/ *Your default styling for menu items */
text-decoration: none; /* Remove underline */
}/* Add your styling for the highlighted or underlined state here */
.menu-item.current-menu-item {
/* Your styling for the active menu item, for example: */
text-decoration: underline;
}Let me know if this works.
-
-
Here you go. Just copy & paste the code below. I tried it and it worked for me.
.current-menu-item a {
text-decoration: underline;
} -
-
Hi Tom,
Just copy and paste the code below. Do not add anything else. Forget about the code I sent you earlier.
.current-menu-item a {
text-decoration: underline;
}The above 2 lines and the closing bracket are all that you need to paste.
-
-
-
-
That’s strange. I just tried it on the twenty twenty three theme and it worked for me.
Ive tagged the staff so that they could help out as well. -
-
Hey there @tomcraddockuk, I wasn’t able to find that in your Additional CSS, and thought it might be getting filtered somehow, but I was able to add it after the existing lines. And it worked.
Have a look under Additional CSS so you can see where it was added; that should help with adding additional CSS going forward:
https://tomcraddockcouk.wordpress.com/wp-admin/customize.php
Cheers! And thanks for your help here @melronmas10!
- The topic ‘Highlighting current page in footer’ is closed to new replies.

