Has page transparent command changed?

  • BigBlueMan

    #49043

    Have a site in development and I want to make at least the main page transparent.
    I keep an Evernote file of Graphene CSS codes that work and had the following in the file:
    (one – this one actually worked at one time)

    .home #content {
    background: None;
    }

    (and two – never made it work)

    #content-main .page {
    background: none;
    background-color: transparent;
    }

    I was able to change the background color via a different command, but made the whole page go nuts.

    Just curious if the new version caused a change in what is need for transparency. I searched through the database but couldn’t find anything.

    Thanks!
    Ed

    Admin

    Syahir Hakim

    #49063

    Try this:

    .boxed-wrapper,
    #content {
    	background: none;
    }
    

    BigBlueMan

    #49074

    Perfect Syahir! Thanks!

    And what if I only want it on the static, front page? (I’ll experiment in the meantime)

    Admin

    Syahir Hakim

    #49076

    You’ll only need to prefix it with .home, like so:

    .home .boxed-wrapper,
    .home #content {
    	background: none;
    }
    

    BigBlueMan

    #49077

    Thanks! I’d figured a work around using page-id but I like yours better.
    Final question! (I promise)
    I’m using a transparent header. It is showing up with a white background on all pages other than the home page. I’ll continue to seek an answer in CSS, but if you have a second to tell me how to activate ‘header transparency, I’ll be on my way.
    As always, thank you sir!
    Ed

    Admin

    Syahir Hakim

    #49079

    The header itself doesn’t have a background colour. The white background you’re seeing is from the .boxed-wrapper element, so you’ll have to remove the background for that element for all pages.

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

You must be logged in to reply to this topic.