Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

different backgrounds for outside and inside layout wrapper.


  #1  
Old Mar 12, 2010, 02:54 AM
ameliecafe
 
20 posts · Mar 2010
Hello~

This is my first post and I'm writing because I could not find an answer to my question when I searched the forums. I'm sorry if the question is redundant~

I'm in the process of designing a website (http://sukrungruang.com/) using the latest version (3) of the Atahualpa theme. As you can see, I set the layout wrapper to have a solid border.

My question involves backgrounds. I'd like everything outside the layout wrapper, essentially just the left and right strips of empty space, to have a different background than what is inside the layout wrapper. I'd like the inside of the layout wrapper (the blog/content area) to remain white or a solid color of my choosing. I think that I'd like for the background outside the wrapper to be a tiled pattern.

How would I go about doing this? Changing the background through the atahualpa theme options simply causes *everything* in the theme to take on that background, including the post area, where there will be text

Also, suppose I decided to use a single whole image as a background. What dimensions should that image be, so that it is wide and high enough? I know that the main area of the site is 1000px. But what about the remaining space on the sides? How will I know if the picture will reach both sides?

I'm sorry if my questions are very ignorant or even don't make sense. It's 4 am and I haven't gone to bed yet

Thank you to whoever answers~!
  #2  
Old Mar 12, 2010, 03:42 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
Changing the background through the atahualpa theme options simply causes *everything* in the theme to take on that background,
Think of the page as a series of transparent sheets laid one on top of each other. If you make the background of the first sheet blue, and lay the next sheet over it, because this new sheet is transparent, the blue will show thru.

This is what is happening. Each area of the page, the header, sidebars center area, footer all start off transparent. You need to style each of them to what you want. The sidebars get styled in the side bar options, the center in the center styling option and the same for the footer.

as for a single image, for the background, the width is easy to figure out, it is the maximum width of the page you set, however...remember that the height of a page will variable depending on the amount of information on the page.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to: Insert posts inside pages. WiiFan2012 Page & Category Menu Bars 9 Jul 29, 2011 06:04 AM
Horizontally & Vertically expanding post backgrounds / boxes jaxon Center area post/pages 6 Jan 31, 2010 08:24 PM
How do I place post title inside of an image? brownkidd Center area post/pages 0 Jan 31, 2010 04:31 PM
[SOLVED] Layout WIDTH vs. Layout Container Olivier Header configuration & styling 2 Jul 13, 2009 07:18 PM
[SOLVED] Banner inside posts evripidis Excerpts, Read more, Pagination 9 Jul 6, 2009 05:15 PM


All times are GMT -6. The time now is 03:14 PM.


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