• 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

Widget alignment 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 › Design Tips and Tricks › Widget alignment issue

This topic is: not resolved

Tagged: widget alignment

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 11 months ago by walidmrealtor.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 13, 2012 at 10:33 am #4982
    walidmrealtor
    Member

    Hello,
    I've registered a new widget area on my site.

    It is showing; however, it's pushed to the far right.

    I'd like the widget container centered within the theme and lowered 20px however I can't identify the css to get it there.

    Can you help?
    http://i.imgur.com/uRdZh.png

    View post on imgur.com

     


    There is no Try, Do, or Do Not. ~Master Yoda
    Walid Muhammad | REALTOR® | Broker | http://www.walidmrealtor.com/

    December 13, 2012 at 10:56 am #4987
    Aaron Hartland
    Participant

    With the code/structure that you have... Assigning a max-width and also setting the left and right margin to auto and the top margin to 20px should help. Like so:

    .home-featured-posts-2 {
    margin: 20px auto 0;
    max-width: 960px;
    }

    PS - In the future... It could be helpful to also post a like to the site. 🙂


    Aaron Hartland | http://www.aaronhartland.com
    Twitter  |  Facebook  |  LinkedIn  |  Google+

    December 13, 2012 at 11:16 am #4993
    walidmrealtor
    Member

    Sorry about that Aaron...

     

    .home-featured-posts-2 .widget{
    margin: 20px auto 0;
    max-width: 960px;
    }

    I altered it slightly and it works!!

    Thank you, I really appreciate your help!


    There is no Try, Do, or Do Not. ~Master Yoda
    Walid Muhammad | REALTOR® | Broker | http://www.walidmrealtor.com/

    December 14, 2012 at 1:46 pm #5248
    walidmrealtor
    Member

    Hmm...I was wrong. I changed the code back to the one you gave me, then cleared the cache.

    That worked for the top section but when I add the posts to the new widget, the center section is pushed to the side....

    Any ideas?


    There is no Try, Do, or Do Not. ~Master Yoda
    Walid Muhammad | REALTOR® | Broker | http://www.walidmrealtor.com/

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