WordPress.org

1. mor10
   Member
   Posted 4 years ago #

   I want to replace the sidebar widget titles / headings with image versions. I know I can do this if I don't use widgets but I'd rather have the widgets - it makes life easier. is there any way of doing this?

2. Kafkaesqui
   Moderator
   Posted 4 years ago #

   Depends on the widget, but most will add an 'id' attribute to the <li> tag it's in, and place the title in an <h2> tag.

   Through your style.css you could hide the h2 text, and slip the images in as backgrounds. Here's an example that replaces Meta (works with Default theme):
   

   #sidebar ul li#meta {
   	background-image: url(images/meta.gif);
   	background-position: top left;
   	background-repeat: no-repeat;
   	padding-top: 18px;
   }
   
   #sidebar ul li#meta h2 {
   	display: none;
   }

Topic Closed

This topic has been closed to new replies.