Forums / Templates, Stylesheets, Page Layout / Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

Views: 992

Results 1 to 7 of 7
25 Aug 2011, 3:59 PM
#1
cleverpork avatar

cleverpork

Zen Follower

Join Date:
Apr 2007
Location:
Washington
Posts:
115
Plugin Contributions:
0

Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

Hi. I'd like to to allow the b.g color for the website to extend into the "Define Main Page" area. Would anybody know how I do this?

Here's an example:

Notice the borders are gone and also how the gradient blue/yellow image extends into the "Define Main Page" area. Will I need to define this as the b.g. color for the entire site and then also in the "Define Main Page" area? Or is there a simple way to repeat it into the area with a simple command on the stylesheet?

Thanks for any help!

Cris

25 Aug 2011, 11:03 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

Where is your site?

Zen-Venom Get Bitten

25 Aug 2011, 11:12 PM
#3
cleverpork avatar

cleverpork

Zen Follower

Join Date:
Apr 2007
Location:
Washington
Posts:
115
Plugin Contributions:
0

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

https://www.postalball.com

I've just installed it and am working toward that look as we speak.

Cris

25 Aug 2011, 11:16 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

You can style/add #indexDefault to the stylesheet and depending where the image sits maybe just making #indexDefault back ground color transparent might be enough

Zen-Venom Get Bitten

25 Aug 2011, 11:45 PM
#5
cleverpork avatar

cleverpork

Zen Follower

Join Date:
Apr 2007
Location:
Washington
Posts:
115
Plugin Contributions:
0

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

kobra:

You can style/add #indexDefault to the stylesheet and depending where the image sits maybe just making #indexDefault back ground color transparent might be enough

I moved my image around a few times and used the following code, but couldn't get it to work just yet.

#indexDefault {

    background-color: transparent;

    }

I'll keep messing with it. Thanks for your help, though.

Cris

26 Aug 2011, 6:23 PM
#6
cleverpork avatar

cleverpork

Zen Follower

Join Date:
Apr 2007
Location:
Washington
Posts:
115
Plugin Contributions:
0

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

Just an update on how this has been solved (or I'm solving).

This may not be the best way to do it, but it's working.

I'm going into the stylesheet and since I'm not real adept at css I'm searching for " background-color" and then replacing the color with this code: ```
background-color: #transparent;


Just thought I'd share how I'm working with this problem so others can glean.

Thanks for your help!

Cris

26 Aug 2011, 11:32 PM
#7
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Seamlessly Match the Colored Background Image onto the "Define Main Page" Area

I've been known to go through a new-to-me stylesheet and change everything that has a defined colour to use a background colour of transparent, just to see what happens. It's easy to change back the few pieces that may need something else. (I usually just comment out the existing bg colour and add the transparent on a separate line; then it's easy to get back to what was there if needed.)

Rob

Breakfast: the most important donut of the day.