Grow your CSS skills. Land your dream job.

Cant find correct page id!

  • # 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.

    # December 4, 2012 at 2:17 am

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

    # December 4, 2012 at 3:22 am

    Apply background: white to your wrapper.

    # 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

    # 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/

    # 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

    # 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/

    # 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.

    # 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; }
    # 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



Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".