• 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

Add area outside of wrap

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 › Add area outside of wrap

This topic is: not resolved
  • This topic has 5 replies, 3 voices, and was last updated 12 years, 2 months ago by jodzeee.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 20, 2013 at 4:01 pm #57764
    jodzeee
    Member

    I found an article that describes how to move the header outside of the wrap, but what I want is to create a new widget area outside of it. I've registered a new area above my header, but I'd like it not to have the white background so the image background shows through (and the shadow would be removed as well).

    http://www.uncorkeddesign.com/clients/teca-data-safe-1/
    August 20, 2013 at 4:29 pm #57780
    photastic
    Member

    remove the background from your #wrap :

    #wrap {
    background: none;
    }

    and add transparent background to your new widget area :

    #cta {
    background: transparent;
    }

    that should make it transparent...


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    August 21, 2013 at 8:29 am #57912
    jodzeee
    Member

    The reason I want to put the top outside of the wrap is because I want the #wrap to have a solid white background, plus I don't want the shadow on the transparent top are either.

    August 22, 2013 at 4:42 pm #58298
    jodzeee
    Member

    I'm still looking for some advice on how to create an area above the wrap.

    September 8, 2013 at 1:46 am #61316
    MarketLeaner
    Member

    ahh im looking for this as well for a couple widget areas i registered. i have the boxed area with a background but its not full-width.

    the boxed area background I got by doing

    .home-featured-5 {
    background: #555; 
    }

    Your page is also pulling a 404

    September 9, 2013 at 9:13 am #61515
    jodzeee
    Member

    Thanks, I took the dev site down after it went live (www.tecadatasafe.com). I haven't yet found a solution so I gave up for now. I'd still love to know though - please post back if you figure it out.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

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