Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

HOWTO: have TWO background images on page

Old Apr 5, 2010, 07:16 PM
24 posts · Apr 2010
Cairns Australia
I wanted to have a gradient background image and on top of that an image which blends in to the background image.

This is easily done and the image extends down into the content area which is what I wanted.

In 'Body text & Links' i pasted
background: url(/wp-content/themes/atahualpa/images/bg_main.jpg) repeat-x;
this is the gradient image

In 'Add HTMML/CSS Inserts' I pasted
background: url(/wp-content/themes/atahualpa/images/bg_laptop.jpg) no-repeat;
This is an image whose edges are the same as the gradient background, so it blends in.

No URL because it's only on a test site which will be wiped.

I searched here and couldn't find the answer so have posted this, hope it helps someone.


background, background image, background images, image, images

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
HOWTO: make a custom text style on post/page pakacil Center area post/pages 24 Jul 18, 2011 05:53 AM
[SOLVED] Page Menu Nav with background images, need css help blueprairie Header configuration & styling 6 Nov 25, 2010 11:39 PM
Javascripted excerpt of other site embedded into single page's center: Howto? vagabond Atahualpa 3 Wordpress theme 1 May 25, 2009 06:38 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 05:01 PM

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

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