Skip to content

Instantly share code, notes, and snippets.

@cliftoncanady

cliftoncanady/WP SNIPPET: Menu Item Image Replacement

Created July 9, 2014 19:02
Show Gist options
  • Save cliftoncanady/9c43bef89dddc919d829 to your computer and use it in GitHub Desktop.
Save cliftoncanady/9c43bef89dddc919d829 to your computer and use it in GitHub Desktop.
Download ZIP
WP SNIPPET: CSS class - will replace wp menu item with image.
Raw
WP SNIPPET: Menu Item Image Replacement
/*Things to change -
* -menu-item-####
* -width: 106px;
* -height: 54px;
* -margin-top: 34px;
* -background-image:url();
**/
li#menu-item-3002 a {
display: block;
background-image:url('http://goexploreshare.com/perfectnutritioninc/wp-content/uploads/2014/06/order-now.png');
background-repeat: no-repeat;
width: 106px;
height: 54px;
text-indent: -9000px;
margin-top: 34px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment