Adding image to header on sidebar.

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

opps sorry

https://cshaw.rleon.net/

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.

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.

any ideas?

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
}