[SOLVED] Insert Background image/Individual posts
 

I love your theme and I appreciate all the work you've put into it.

I have played heck trying to figure this out... I want to know how to insert a background image into an individual post - Just one post at a time.

And....LOL....I need the instructions for "Dummies" - step by step - PLEASE!

Thanks a lot :)

www.askloislane.com

Nothing to due with Atahualpa, but you could do it by inserting a <div...> </div> in each post like this:

This doesn't work. I made a small donation and I have no problem donating more, but I need a solution that works.

I want to take the url's from pictures I have on flickr and I want to be able to make them background images on "single-select" posts. My theme is Atahaulpa.

Also, I dont know much about inserting css or html. However I can follow instructions.

this is what i tried with your instructions

<div style="background-image:http://farm3.static.flickr.com/2493/...0d73018_o.jpg; width: 100%; height: 100%;" class="size-full">

This is the pic's url - http://farm3.static.flickr.com/2493/...30d73018_o.jpg

I put the above code into the direct post in the "html-view" section of the post. It did not work.

Your help is appreciated.

Lois

Look into the source code of the page displaying that particular post, find something similar to

<div class="post-69 post hentry category-some-category-name" id="post-69">

Go to Site Admin -> Appearance -> Atahualpa Theme Options -> Add HTML/CSS Inserts

Into the text area named CSS Inserts put this:

div#post-69 {
background: url(http://farm3.static.flickr.com/2493/...30d73018_o.jpg) no-repeat top left;
}

Click the big, green Save changes button at the bottom

You don't have the URL in yours, that's why it didn't work, Try this or use Flynn's suggestion.

Hi, I tried Flynns suggestion - and it worked almost fine.

This is what I inserted:

div#post-150 {
background: url(/../...jpg) no-repeat;
}
div#post-124 {
background: url(/../...jpg) no-repeat;
}
div#post-87 {
background: url(/../...jpg) no-repeat;
}

Unfortunately my individual background pictures just fill the center (column) region - but not the header and widget area.

Does anybody have an idea how to fill to whole body? --> From my point of view it has to be done in the "CSS insert" area.

Thank you for helping me!
And: This Atuhualpa-Theme is incredible good! Thanks to the guy(s), who made this come true!

Best, Vito

Vito,
Posts go in the center column, the center column is separate from the sidebars, so you can't have post-1, display a background that overlaps the side bars and post-2 have another image that overlaps the sidebars etc. The background for a post will be just that for that post only.

It Worked! It Worked! :)

Yes! - Thanks a lot