People need a link to your website to understand what you want to do.
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.
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.
Thread Starter
rleon
(@rleon)
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
}
rleon – My suggestion won’t work for that, sorry.
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
}