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 » Header configuration & styling »

page layout that progresses from outside edges to the center


  #1  
Old Feb 2, 2010, 10:02 PM
theredone
 
5 posts · Jan 2010
Miami Beach
First of all, excuse my terms because I don't know CSS...

I would like to have a page layout that progresses from outside edges to the center as follows:
1. container #1 (outer container) background picture visible about 20% of screen width (don't know if this is a padding setting)
2. container #2 (inner container) this container includes header, footer, and sidebars (right and left)

How do I do this?

I have tried putting in
ATA > Options > Body, Text & Links > Body Style
Quote:
background-image: url(ryan.villagala.com/wordpress/wp-content/themes/atahualpa/images/fading_background.gif);
background-position: center top;
background-repeat: repeat-x;
ATA > Options > HTML/CSS inserts
Quote:
body,html {
background-image: url(ryan.villagala.com/wordpress/wp-content/themes/atahualpa/images/fading_background.gif);
background-repeat: repeat-x;}
I also put
Quote:
background: url (ryan/villagala.com/wordpress/wp-content/themes/atahualpa/images/backgrounds/fading_background_D3DDE0.gif);
and padding = 100
in ATA > Options > Style and configure Layout > Layout Container Style

These did not work. What do I need to do to make this work?
I'm running ATA 3.4.5, WP 2.9.1, http://ryan.villagala.com/wordpress/
  #2  
Old Feb 3, 2010, 05:32 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) You need to fix the size of your image 'ryan.villagala.com/wordpress/wp-content/themes/atahualpa/images/fading_background.gif' - it is 2560px by 23040px - that is huge!!

2) use the full UTL in quotes so it will be
HTML Code:
background:url("http://ryan.villagala.com/wordpress/wp-content/themes/atahualpa/images/fading_background.gif") top left;
3) the second image 'ryan/villagala.com/wordpress/wp-content/themes/atahualpa/images/backgrounds/fading_background_D3DDE0.gif' doesn't seem to exist. If I enter it in the address bar, I get redirected to www.ryan.com - so there is some problem with it permission something in the htaccdess - beats me, but it is not being found.
__________________
"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 change center column layout? Rojo Atahualpa 3 Wordpress theme 7 Dec 28, 2011 07:46 PM
[SOLVED] Different Size Layout vs. Center Column Mande Header configuration & styling 4 Nov 25, 2009 05:21 PM
[SOLVED] Layout WIDTH vs. Layout Container Olivier Header configuration & styling 2 Jul 13, 2009 06:18 PM
Page Layout and templates hotknife Post-Kicker, -Byline & -Footer 6 Apr 17, 2009 03:04 AM
Rounded Edges ZHowl Post-Kicker, -Byline & -Footer 0 Mar 4, 2009 10:32 AM


All times are GMT -6. The time now is 01:54 AM.


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