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 »

page layout that progresses from outside edges to the center


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 Feb 2, 2010, 11: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, 06:32 AM
juggledad's Avatar
juggledad
 
22,378 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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 08:46 PM
[SOLVED] Different Size Layout vs. Center Column Mande Header configuration & styling 4 Nov 25, 2009 06:21 PM
[SOLVED] Layout WIDTH vs. Layout Container Olivier Header configuration & styling 2 Jul 13, 2009 07:18 PM
Page Layout and templates hotknife Post-Kicker, -Byline & -Footer 6 Apr 17, 2009 04:04 AM
Rounded Edges ZHowl Post-Kicker, -Byline & -Footer 0 Mar 4, 2009 11:32 AM


All times are GMT -6. The time now is 12:32 AM.


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