• 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

Executive Pro Theme Transparent Background?

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 › Design Tips and Tricks › Executive Pro Theme Transparent Background?

This topic is: not resolved

Tagged: Executive Theme Pro Transparency

  • This topic has 4 replies, 3 voices, and was last updated 11 years, 7 months ago by cotton.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 14, 2014 at 9:25 am #127777
    cotton
    Member

    Hi All,

    I was wondering if anyone has any idea how to make the main content section (I don't know what to call this area, maybe home top/middle widget area?) of the Executive Pro theme somewhat transparent? I know how to change the color of this box by changing the background color in this code:

    media="all"
    .home-middle, .home-top {
    background-color: #fff;

    but even if I change the transparency here also, it remains white. Ideally what I'm going for is when the page scrolls, you can see the background through the main content area due to its transparency. Any help is really appreciated.

    Thanks!

    October 14, 2014 at 9:33 am #127779
    Genesis Developer
    Member

    go to line no 1265, remove background-color and try this

    
        background: rgba(0, 0, 0, 0.23);
    

    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    October 14, 2014 at 11:44 am #127792
    cotton
    Member

    Wow, I appreciate your quick response so much. Unfortunately, I don't see a line 1265. Where are you looking?

    Thanks!

    October 14, 2014 at 1:23 pm #127810
    gregpayette
    Participant

    Wherever you want/need to add the background opacity, what genwrock gave you works.

    You should be making css changes using an html or css editor so you can see the line numbers. (I use dreamweaver). You won't see the line numbers within your wordpress dashboard.

    In your case, look for line 1265.

    October 14, 2014 at 1:30 pm #127811
    cotton
    Member

    Right, I'm using dreamweaver to edit the CSS, but my lines only go to the 200's which is why I was confused. However, when I use this code and edit that section through the inspect element feature in chrome, it doesn't work.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ 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

© 2026 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