goalieman34

# December 4, 2012 at 1:32 am

For some reason I can not find the id for my search results page. (Example for another page body id=”modulePage19098228″)

Here is the page I would like to add a background color to. http://www.jobspark.ca/display/Search?searchQuery=mechanic

Sorry this is such a stupid thing to ask help for but maybe I am just tired. Thanks!

http://www.jobspark.ca

__

# December 4, 2012 at 1:49 am

if you’re looking on the `` tag, there isn’t one.

goalieman34

# December 4, 2012 at 2:17 am

yeah that is weird…. How do I add a background color to that page then??

Hugo Giraudel

# December 4, 2012 at 3:22 am

Apply background: white to your wrapper.

Andy Howells

# December 4, 2012 at 4:48 am

@goalieman34 – Couple of bits you’ll need to change to make this look right.

Go with #contentWrapper { background: white; padding: 20px; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

Making sure to prefix the border-bottom-left & border-bottom-right radiuses.

There’s a margin-bottom on your #pageHeader div so worth removing that.

I’ve just edited the site in chrome and the above makes it look like this: http://d.pr/i/UdUM

EDIT: I’ve just looked at the other pages and there’s a gap between the main body and the header, so ignore the margin-bottom removal on the #pageHeader and change border-bottom-left/right radiuses to just border-radius: 8px;

That will look like this: http://d.pr/i/xe3g

goalieman34

# December 4, 2012 at 4:26 pm

@andy_unleash Thanks for the help! That works fine to get the white background in but my problem is that it effects my homepage and the transparency on the page content gets blended in with the white. Is there a way to block it from the home page. http://www.jobspark.ca/

stevencrader

# December 4, 2012 at 10:45 pm

Since the front page is the only one with a different colored background. Specify the background color for the rest of your pages using the general

body #contentWrapper

and then specify the front page specifically

#modulePage19098228 #contentWrapper

goalieman34

# December 5, 2012 at 4:24 am

thanks for the reply. So i have tried that out previously and take a look at what happens. It makes the transparency all messed up on the homepage.

http://www.jobspark.ca/

Watson90

# December 5, 2012 at 4:32 am

Why not use the RGBa property for your background on the homepage such as;

#modulePage19098228 #contentWrapper {
background: rgba(0, 0, 0, 0.6);
}

RGBa isn’t supported in some browser versions, Chris has [wrote an article](http://css-tricks.com/rgba-browser-support/ “”) on this, though.

goalieman34

# December 5, 2012 at 5:10 am

sweet it worked. now just need to fix it up so it works for IE 8 and down. Should i remove my old code then?

#modulePage19098228 #contentWrapper {  background-image: url(/storage/transparentbackground3.png) !important; }

goalieman34

# December 5, 2012 at 5:10 am

Is this the code i need to use for IE. If so can you show me what I need to do with it? Thanks