• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Backcountry – transparency issue

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Backcountry – transparency issue

This topic is: not resolved
  • This topic has 5 replies, 3 voices, and was last updated 9 years, 6 months ago by defree99.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 25, 2013 at 2:42 pm #58764
    defree99
    Participant

    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
    August 28, 2013 at 8:49 am #59219
    JiveDig
    Participant

    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?


    Lead developer of Mai Theme

    August 28, 2013 at 8:51 am #59220
    Remkus de Vries
    Member

    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


    Translate the Genesis Framework with the Genesis Translations plugin.

    August 28, 2013 at 8:53 am #59221
    Remkus de Vries
    Member

    LOL, Mike beat me to it by two minutes 😉


    Translate the Genesis Framework with the Genesis Translations plugin.

    August 28, 2013 at 8:56 am #59222
    JiveDig
    Participant

    @Remkus BOOM!


    Lead developer of Mai Theme

    August 28, 2013 at 3:35 pm #59330
    defree99
    Participant

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble