Adrian Tomic - The Portfolio & Blog of Adrian Tomic

Wordpress: Edit link highlight with jQuery

This is a simple jQuery script that you can use for your WordPress theme. I use it on a theme I made for a client. It makes it easier to see what they are editing when they mover the house over the edit-button.

Anyway, here’s the script:

$("a.post-edit-link").hover(
	  function () {
	  $(this).parents(".hentry").css("background", "yellow");
		},
	  function () {
	  $(this).parents(".hentry").css("background", "none");
	  }
	);

It will highligt the parent div (.hentry) when doing a mouse over of the edit-post link.

By Adrian Tomic on July 15th, 2010