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 » Montezuma Theme »

split color behind site

Old May 15, 2013, 01:55 PM
swimflyfast2's Avatar
150 posts · Aug 2010
Horse Country in Virginia
I'm working on my first Montezuma Site (have over 40 Atahualpa ones) and I'd like to be able to have two colors in the background behind the site split down the middle.

Say Blue on left, Red on right.

So when someone squeezes it the center moves and blue stays left red right.

Is there any way to do this with CSS?
Old May 15, 2013, 02:38 PM
juggledad's Avatar
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use a single wide image (only a pixel or two in height) with both colors in it, centered horizontally and repeating vertically. Also, try using the shorthand background property:
HTML Code:
background: #000 url(../images/BG.gif) top center repeat-y;
Old May 15, 2013, 02:39 PM
lmilesw's Avatar
10,176 posts · Jul 2009
Central New York State USA
How about a red and blue background image that is 1px high by 2500px wide that you center align and repeat vertically?

Just a minute later than JD but it corroborates the idea.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old May 15, 2013, 03:54 PM
swimflyfast2's Avatar
150 posts · Aug 2010
Horse Country in Virginia
Thanks, I'll get to this later tomorrow and report back.
Old May 15, 2013, 08:28 PM
367 posts · Oct 2012
You could also do something similar to your example images with nested percentage grids and, instead of using background images, just use background colors for each div, such as:

You could also stack some div's using z-index.

Last edited by jerryc; May 16, 2013 at 09:59 AM.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
I cannot change the background color of my site mrsp31wannabe New Versions, & Updating 2 Mar 1, 2013 08:04 PM
Split Menu georgenoise Page & Category Menu Bars 1 Jul 11, 2011 07:15 PM
background, color split(ted) MrStark Center area post/pages 1 Mar 14, 2010 06:26 AM
Split image georgenoise Header configuration & styling 1 Sep 4, 2009 10:28 AM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 09:55 PM

All times are GMT -6. The time now is 11:15 PM.

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