Change widget header from gradient to image
-
Add this to Custom CSS or Child Theme style.css
.sidebar h3 {
background: url("path/to/image.png") !important;
}Put correct image path in
url(" ")
You may also need to specify the background repeat property.
Hi Prasanna
I’ve added the image to the sidebar but for some reason it does not work in IE9. It works fine in IE10 and Firefox though.
I’ve tried to use a full path to the image instead of a short one: wp-content/uploads/2013/04/right-bg.jpg but this does not work either.
Any ideas?
Hope to speak soon.
Best wishes
Deryn
ModPlease post a link to the site or the code you are using.
Hi Kenneth
Sorry, here you go:
http://www.blog.bigfish-littlefishuk.co.uk/
Code:
.sidebar h3 {
background: url(“/wp-content/uploads/2013/04/right-bg.jpg”) !important; color:#000;
}
Hope this helps.
Speak soon
Deryn
Try adding this to Graphene Options –> Advanced –> Custom <head> Tags
<!--[if IE]>
<style type="text/css" media="screen">
.sidebar h3 {
background: url("http://www.blog.bigfish-littlefishuk.co.uk/wp-content/uploads/2013/04/right-bg.jpg") !important;
}
</style>
<![endif]-->BTW, you can change the widget title colour in Graphene Options –> Colours.
AdminHow does it not work in IE9? No image?
Viewing 10 posts - 1 through 10 (of 10 total)
- You must be logged in to reply to this topic.