WordPress.org

1. rleon
   Member
   Posted 3 years ago #

   I would like to add a small image to the header on the sidebar.

   I would like to put it to the left of search, Recently Written and so on.

   Thanks
   Ricardo

2. Wendel Brume
   Member
   Posted 3 years ago #

   People need a link to your website to understand what you want to do.

3. rleon
   Member
   Posted 3 years ago #

   opps sorry

   http://cshaw.rleon.net/

4. Wendel Brume
   Member
   Posted 3 years ago #

   Did you mean 'above' Search and Recently Written, etc? There isn't any room to the left of the sidebar.

   An easy way to do this is to add a Text widget at the top of the sidebar and put the code for a link to an image inside it.

5. jberghem
   Member
   Posted 3 years ago #

   Try this with the CSS:
   

   #search h3:before { content: url(path/image.jpg); }

   The only drawback is that it doesn't work on older versions of Internet Explorer.

6. rleon
   Member
   Posted 3 years ago #

   Wendel Brume
   What do you mean add a text widget?

   Here is what I have

   Recently Written
   Wellness Expo: Sat/Sun, October 18th-19th

   And I would like to have this

   <small img> Recently Written
   Wellness Expo: Sat/Sun, October 18th-19th

   jberghem

   I do not understand where I am supposed to put the code.

   #sidebar h2 { :before { content: url(images/bird.gif; }
   color: #987FC6;
   font-size: 14px;
   font-family: Times New Roman, Helvetica, Sans-Serif;
   font-weight: normal;
   padding: 0px 0px 3px 5px;
   margin: 0px;
   border-bottom: 1px solid #D8D1BE;
   text-transform: uppercase
   }

7. Wendel Brume
   Member
   Posted 3 years ago #

   rleon - My suggestion won't work for that, sorry.

8. rleon
   Member
   Posted 3 years ago #

   any ideas?

9. jberghem
   Member
   Posted 3 years ago #

   You put that code in the style.css file
   And not like this:
   

   #sidebar h2 { :before { content: url(images/bird.gif; }
   color: #987FC6;
   font-size: 14px;
   font-family: Times New Roman, Helvetica, Sans-Serif;
   font-weight: normal;
   padding: 0px 0px 3px 5px;
   margin: 0px;
   border-bottom: 1px solid #D8D1BE;
   text-transform: uppercase
   }

   But like this:
   

   #sidebar h2:before {
   content: url(images/bird.gif;
   }
   #sidebar h2 {
   color: #987FC6;
   font-size: 14px;
   font-family: Times New Roman, Helvetica, Sans-Serif;
   font-weight: normal;
   padding: 0px 0px 3px 5px;
   margin: 0px;
   border-bottom: 1px solid #D8D1BE;
   text-transform: uppercase
   }

Topic Closed

This topic has been closed to new replies.