Screencast: Part 25: Highlighting the current page inside the main navigation for your WordPress Site.

Have you ever been on website and didn’t know which page you were on? If so, the website probably isn’t very user friendly. In this, short screencast I show you how easy it is to highlight the current navigation link so that the user visually knows where they are on the site at all times.

[prettify]
/*Highlighting the Current Page*/
.current-menu-item a,.page-template-page-about-php #menu-item-253 a,.page-template-page-educational-php #menu-item-160 a,.page-template-page-enrollment-php #menu-item-311 a,.page-template-page-parent-resources-php #menu-item-345 a,.page-template-page-contribute-php #menu-item-177 a {
color:#00539e;
}
[/prettify]

Back to Main WordPress Page with all Tutorial Links

Back to Main WordPress Page with list of tutorials on creating a WordPress custom theme from scratch.

Leave a Reply

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