Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Want to use Featured Image as Background in BODY BOX only (http://forum.bytesforall.com/showthread.php?t=17907)

tusk1113 Jun 28, 2012 03:04 PM

Want to use Featured Image as Background in BODY BOX only
 
As the title suggests, I want to use Featured Image as Background in BODY BOX only, on the main page.

I would assume that you can call the featured image somehow, but it is a little beyond me. If you can help, it would be best for all (well at least me) if you explained it as if you were tlking to a 5 year old, because I tend to miss the little things.

Blog is here. http://wotn.tuskland.info

As you can see, on my first post there is a featured image. What I would like to do is remove the featured image that is currently being displayed, then use the same image as the background image in the body box in the center area.

Obviously, the featured image would change by post, so just calling the url of the image doesn't really fit my needs.

tusk1113 Jun 28, 2012 04:07 PM

Ok, using z-index and cropping seems to be working, for now.

Any advice would be useful still though.

juggledad Jun 28, 2012 04:26 PM

So if I understand you, you want to take the featured image for each post and make it the background image for the POST body. If that is correct, I can see a couple ways this might be doable.

1) add a CSS background statement for each and every post pointing at the featured image
2) code a jscript to determine the the featured post and build the jquery statements to make this the background image
3) look for a plugin that will do this.

for case (1) you would add a css insert like
HTML Code:

div.post-nn {background: url(yourdomain.com/wp-content/path-to-image/) no-repeat top left;
for the other cases you need to do a bunch of digging and learning, they are beyond forum help

tusk1113 Jun 28, 2012 04:34 PM

I was wanting it to be the BG only in the excerpt box on the home screen. now that that is accomplished (more or less) using z-index and cropping, what I need to do is change the color of the font in the excerpt without changing it in the body of my posts.

link here: http://wotn.tuskland.info

juggledad Jun 28, 2012 07:03 PM

use the firebug extension of firebug and you can examine the css that is applied to the section. Then you can craft a CSS selector and rules to override what is there and put it in teh CSS Inserts section


All times are GMT -6. The time now is 07:38 AM.

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