• 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

Primary and secondary sidebars not aligning when adding another widget area

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 › Primary and secondary sidebars not aligning when adding another widget area

This topic is: resolved

Tagged: hooks, Margin, sidebars

  • This topic has 7 replies, 2 voices, and was last updated 9 years, 11 months ago by Elaine Griffin.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 12, 2013 at 11:58 am #35036
    Elaine Griffin
    Member

    Hello,

    I have registered a double-width sidebar above my primary and secondary sidebars on this site: http://www.http://retro-food.com/

    Curiously, or maybe not so curiously, it sits above the primary sidebar fine, but the secondary sidebar floats on top, unless I add a margin (which I hate). For whatever reason, every time I visit the site, the sidebar is off. I fix it again, and it's off.

    I had a problem previously hooking this sidebar without having to also add a negative margin to the content. I put it in every sidebar option, and this has worked the best. Just telling you this as a little background. I have hooked it in genesis_before_content.

    Thank you, beautiful community!

    Elaine

    April 12, 2013 at 1:23 pm #35062
    Gary Jones
    Member

    Since you want the double-width area to span above the primary sidebar (which is in content-sidebar-wrap) and the secondary sidebar wrap (which isn't), then you're either going to need a top margin, some convoluted CSS (in 5 minutes I couldn't charm it all neatly into position), or you need to approach it from the other direction - take a single (primary) sidebar, and split it into two underneath it.

    Not sure if the code still works, but http://code.garyjones.co.uk/genesis-split-sidebars should give you a good starting point.


    WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

    April 13, 2013 at 5:06 am #35199
    Elaine Griffin
    Member

    This worked perfectly, thank you!

    April 13, 2013 at 8:38 am #35212
    Elaine Griffin
    Member

    I am having another problem, now. I need the header background for the large sidebar to cover the entire width. I've tried all sorts of things to do that, and nothing is working!

    April 14, 2013 at 8:21 am #35389
    Gary Jones
    Member

    You mean the Egg Money background bit?


    WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

    April 14, 2013 at 8:58 am #35397
    Elaine Griffin
    Member

    Yes! Thank you.

    April 14, 2013 at 1:10 pm #35437
    Gary Jones
    Member

    The background is added via an image, so you'll need a new (larger size) image, and apply it to either #text-15 h4 {} or #sidebar h4:first {}


    WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

    April 15, 2013 at 7:41 am #35551
    Elaine Griffin
    Member

    Perfect! Thank you!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Primary and secondary sidebars not aligning when adding another widget area’ is closed to new 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