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 »

HOWTO: have TWO background images on page

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
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 02:50 PM.

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