Backcountry – transparency issue

Community Forums Forums General Discussion Backcountry – transparency issue

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  defree99 1 year ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #58764

    defree99
    Participant
    Post count: 24

    I’m using the Backcounty theme here:

    http://tinyurl.com/paalutj

    I want to make the home page body transparent – but just on the home page.

    I’ve tried making changing the bg.jpg file to a transparent bg.png file and making the change in the style sheet but it isn’t working.

    1) Any ideas how I can do this?

    2) And also make this change occur so transparency is only on the home page?

    http://tinyurl.com/paalutj
    #59219

    JiveDig
    Participant
    Post count: 15

    Looks like it’s the #inner ID. To target only the home page, use .home first.

    Like this:

    (transparent black)
    .home #inner {
    background-color: rgba(0,0,0,0.8);
    }

    (transparent white)
    .home #inner {
    background-color: rgba(250,250,250,0.8);
    }

    The 0.8 in both of these is the amount of transparency. Adjust accordingly.
    You’ll probably have to play with the font color too, depending on what you go with.

    Is this what you’re looking for?

    #59220

    Remkus de Vries
    Moderator
    Post count: 24

    Add an extra selector right below you #inner declaration in your stylesheet with this:

    
    .home #inner {
    	zoom: 1;
    	filter: alpha(opacity=50);
    	opacity: 0.5;
    }
    

    Adjust the 50 and 0.5 accordingly


    More about me: ForSite Media | Remkus de Vries.

    Genesis Plugins: Genesis Translations | Genesis Toolbar+ | Genesis Prose Exporter
    Make the CSS editing part of your life easier for yourself – use Google Chrome and its Developers Tools.

    #59221

    Remkus de Vries
    Moderator
    Post count: 24

    LOL, Mike beat me to it by two minutes ;)


    More about me: ForSite Media | Remkus de Vries.

    Genesis Plugins: Genesis Translations | Genesis Toolbar+ | Genesis Prose Exporter
    Make the CSS editing part of your life easier for yourself – use Google Chrome and its Developers Tools.

    #59222

    JiveDig
    Participant
    Post count: 15

    @Remkus BOOM!

    #59330

    defree99
    Participant
    Post count: 24

    Thanks so much, that did it. You really helped me a bunch, I’ve been trying to fix this for days.
    You guys rock!

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

You must be logged in to reply to this topic.