#sidebar h3{
color:#fff;
padding-left:10px;
background-image:url(img/sidebar_bg.gif);
font-size:14px;
font-weight:normal;
font-family:tahoma,"BitStream vera Sans";
margin-right:5px;
But it doesn?t work
The widget text is over a black background which I don`t know come from?
http://www.kjagen.com/
The widget text is over a black background which I don`t know come from?
The h3 background is exactly how you specified it in CSS declaration. Your image is black, just like is seen in your home page's sidebar.
yes its black. But the h3 isn?t over the image bg, its over something else above that!
Checking out your style.css, there's nothing between the background image of your #sidebar h3 and the #sidebar h3 itself. If you /* hide */ this declaration: background-image:url(img/sidebar_bg.gif);
you would see that all's clear. What made you think there was anything between the image and your sidebar's h3?
Now I`ve deleted the bg image in the sidebar and
its inn the style instead ( just a black line, its missing the arrow on the botton side), but its not displaying correctly,
see your image link above
I want the text (widget title) in the sidebar to be further down
now it`s at the top end of the black area w7 the arrow ( h3 background image)
how can I do that? padding only results in a new black area below the background area
reduce height by 4px and add padding-top:4px (for instance):
#sidebar h3{
color:#fff;
padding-left:10px;
background-image:url(http://www.kjagen.com/wordpress/wp-content/themes/inovenew/img/filled.png);
height:30px;padding-top:4px;
font-size:14px;
font-weight:bold;
font-family:tahoma,"BitStream vera Sans";
margin-right:5px;
margin-bottom:10px;
}