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 »

Extra background image by the sidebar


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 Nov 15, 2009, 03:33 AM
id2d
 
8 posts · Sep 2009
Hi

If you look at this template, you see that the central body seems to be raised slightly and leave a shadow on the back ground image - because of this image repeating the entire length of the page on the left, and a similar one on the right.

Can anyone tell me how I would put this effect into Atahualpa?

thanks
  #2  
Old Nov 17, 2009, 08:04 AM
id2d
 
8 posts · Sep 2009
Not possible?
  #3  
Old Nov 17, 2009, 12:06 PM
juggledad's Avatar
juggledad
 
22,327 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
only suggestion I would give is make teh second image the background of the center column. You may have an issue positioning it properly.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 17, 2009, 01:47 PM
id2d
 
8 posts · Sep 2009
Thanks.
But that won't go up to all the way to the top, through the bars and the header image.

I can think of a way to do what I want a slightly different way -
Is it possible with Atahualpa to have 2 background images 1 above the other? -
One at the top of the page and one underneath repeating to the bottom?

Or even one that repeats the entire length of the page top to bottom and a second image that layers over it at the top only?
  #5  
Old Nov 17, 2009, 02:18 PM
juggledad's Avatar
juggledad
 
22,327 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
the center column stops at the header. The page is broken into
HEADER AREA
MIDDLE AREA - which can have LEFT, LEFT-INNER, CENTER, RIGHT-INNET, RIGHT areas
FOOTER AREA

as for two background images...nope (this not an Atahualpa issue, it's HTML/CSS) which would be which. A background covers the background so the second one would cover the first.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 17, 2009, 03:37 PM
id2d
 
8 posts · Sep 2009
Hi
Thanks for explaining

Quote:
Originally Posted by juggledad
... A background covers the background so the second one would cover the first.
But what about a backgound image that repeats top to the bottom, and then the second small background image that goes on top at the top but does not repeat?

I tied this but it seemed that the second backgound stopped the 1st one appearing at all rather than layering on top.

thanks
  #7  
Old Nov 17, 2009, 03:58 PM
juggledad's Avatar
juggledad
 
22,327 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
CSS background-repeat Property: Definition and Usage

The background-repeat property sets if/how a background image will be repeated.
By default, a background-image is repeated both vertically and horizontally.
when I said:
Quote:
A background covers the background so the second one would cover the first.
I implied (and should have finished the statement with) 'so the first one would nevr be seen since it is covered. CSS always used the last rule for a given selector.

.body {background: url(a.jpg);}
.body {background: url(b.jpg);}
will cause 'b.jpg' to be used for the background, since it is the last rule for the selector '.body'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Nov 18, 2009, 04:38 AM
id2d
 
8 posts · Sep 2009
Quote:
Originally Posted by juggledad
when I said:

I implied (and should have finished the statement with) 'so the first one would nevr be seen since it is covered. CSS always used the last rule for a given selector.

.body {background: url(a.jpg);}
.body {background: url(b.jpg);}
will cause 'b.jpg' to be used for the background, since it is the last rule for the selector '.body'
Thanks for explaining

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Extra space, blueprairie Atahualpa 3 Wordpress theme 1 Jul 22, 2009 11:22 AM
Sidebar repeating background image JCCrgb Sidebars & Widgets 4 May 17, 2009 09:31 PM
Extra spacing on widgets without titles pedja Sidebars & Widgets 2 Apr 30, 2009 01:42 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 06:03 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 07:36 AM


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


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