Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   Adding a background to kicker box (http://forum.bytesforall.com/showthread.php?t=1455)

Kendra Apr 28, 2009 06:03 AM

Adding a background to kicker box
 
Any ideas here?

I am using the kicker box for the title of blog posts by using the info item options. I would like this box to have a background image, but it is not cooperating.

Using CSS background code linking to an image in the "style kicker" options pane does not add a background image.

I also tried general html <img src=""/> in the info options, which worked, but I can not get the info items on top of the image.

I am using the kicker box because my headline options are shut off so that the title of posts/pages are not on "Page" pages as well.

Flynn Apr 28, 2009 01:17 PM

You can turn off the headline box for static pages with
HTML Code:

div.page div.post-headline {
display: none;
}

To add a background image to all posts kickers

HTML Code:

div.post-kicker {
background: url(/wp-content/themes/atahualpa332/images/myimage.gif) top right;
}

make sure the image is there by calling yoursite.com/wp-content/themes/atahualpa332/images/myimage.gif in the browser

If you used

background-image instead of just background then you cannot add things like the image position in the same line.

If the post kicker is empty then you'd have to add a height to the div.kicker, too or the background image may not be visible in some browsers. Also other things you have in the post kicker may be covering the background image. Add a padding to avoid this

HTML Code:

div.post-kicker {
background: url(/wp-content/themes/atahualpa332/images/myimage.gif) top right;
padding-right: 50px;
height: 35px;
}

Or something in the kicker, such as the title, has a solid background color which is covering the background image. I suggest that you use Firebug to figure out which styles are being applied (or not) to the various elements inside the post kicker and the post kicker itself

Kendra Apr 28, 2009 06:09 PM

Perfect!!!! Thank you!


All times are GMT -6. The time now is 11:37 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.