Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

custom background


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 15, 2010, 06:19 AM
moveright
 
9 posts · Mar 2010
custom background

I recently purchased a single license for Thesis and I must say, I'm let down. I have since discovered that support for that theme is near non-existent. So, I did some digging online and found Atahualpa and here I am. I have a simple task I need to complete and would like to see if I can get a response here. http://www.juliegracestudio.com is the site I am revamping (hopefully with atahualpa). looks like that background is drawn using (4) images and (3) divs. here is the code that makes it work currently.

"#page {
background: #e2ddd9 url('images/kbgwide.jpg') ;
border: 0;
text-align: left;
}
#wrapper {
padding: 0;
margin: 0;
background: url('images/wrapper.jpg') no-repeat center top;
width: 100%;
display: table;

}
#footer {
background: url('images/kfooter.jpg') no-repeat top;
border: none;

}
"

Is this going to be doable using atahualpa?

thanks so much for any help. I'd love to see that I can get support here.
  #2  
Old Mar 15, 2010, 07:48 AM
juggledad's Avatar
juggledad
 
21,971 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
yes that is doable, several people have done it.
you will put the main image in the body style,
the footer image in the Footer section styling
the center image in the Center styling
you'll want to make it a fixed width page
you will have to do some fine tuning and may have to make some changes, but it is doable
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 15, 2010, 08:00 AM
moveright
 
9 posts · Mar 2010
so what would I do with the actual background image which is about 125x125px image called bg.jpg? I would have to lay that down first, then lay the wrapper image(top of the papers)?

so body would be bg.jpg and header would be the wrapper.jpg and so on and so forth? That's how the current theme does it, in header.php it calls for <div id=wrapper> which apparently is a container holding the top part of the note pages.
  #4  
Old Mar 15, 2010, 09:13 AM
juggledad's Avatar
juggledad
 
21,971 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what you would do is use the bg.jpg as the background then add a css insert for 'div#container' for the 'wrapper.jpg'.

you will have to adjust the widths and play with margins and padding but you should be able to do it.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 15, 2010 at 11:34 AM.
  #5  
Old Mar 15, 2010, 10:05 AM
moveright
 
9 posts · Mar 2010
Quote:
Originally Posted by juggledad
what you would do is use the bg.jpg as the background then add a css insert for 'div#container' of the 'wrapper.jpg'.

you will have to adjust the widths and play with margins and padding but you should be able to do it.
first off thanks! second, where do I add that code above? I mean, the
#wrapper {
padding: 0;
margin: 0;
background: url('images/wrapper.jpg') no-repeat center top;
width: 100%;
display: table;

}

part of it?
  #6  
Old Mar 15, 2010, 11:36 AM
juggledad's Avatar
juggledad
 
21,971 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you put your additional CSS in the CSS Inserts area and don't use #wrapper, use #container as the selector, BUT first, you should spend a little time looking at all the pages in the theme to get an idea of what you can change where
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 17, 2010 at 05:55 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Too much red background at top - how to move main body w/white background hi Andante Header configuration & styling 2 Dec 18, 2009 04:25 AM
[SOLVED] Transparent background PNG WITH background color? interage Header configuration & styling 2 Nov 16, 2009 12:59 PM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM
Plugin Conflict w. Custom Post Background strangelove Plugins & Atahualpa 0 Mar 11, 2009 05:25 PM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


All times are GMT -6. The time now is 06:45 AM.


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