• 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

Right side border not aligned

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 › Right side border not aligned

This topic is: resolved

Tagged: Agency, border, css, padding

  • This topic has 7 replies, 2 voices, and was last updated 12 years, 4 months ago by mkpoway.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 4, 2013 at 10:16 am #65366
    mkpoway
    Member

    Hello,

    On my site, the border on the right side is not aligning with the rest of the borders. The whole theme is set to width = 960px, so I’m not sure why this is happening. Any recommendations? The content-sidebar code is below:

    /***** Content-Sidebar Wrapper ********************/

    #content-sidebar-wrap {
    width: 960px;
    margin: 0;
    padding: 8px;
    float: left;
    border: 1px gray;
    border-right-style:solid;
    border-left-style:solid;
    /** overflow:hidden; **/
    }

    http://www.thegmattutor.com
    October 5, 2013 at 5:12 pm #65497
    mkpoway
    Member

    Sorry for the bump, but I could really use a reply on this issue!

    October 5, 2013 at 9:39 pm #65516
    Tom
    Participant

    This is fixed? I don't see a border on the right mis-aligning.

    Can you say specifically at a certain <div>, widget or other page element?

    (Your bump may have done you a disfavor - many assistance queries are for unanswered posts - i.e. only one message.)

    Anyway - someone *will* jump in if you still need some help.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    October 6, 2013 at 7:46 pm #65601
    mkpoway
    Member

    Hi Tom,

    No, it is not fixed. The border is still not aligning, but I removed the comment code around the line "overflow: hidden;" The new code is below. I could still use help!

    /***** Content-Sidebar Wrapper ********************/

    #content-sidebar-wrap {
    width: 960px;
    margin: 0;
    padding: 8px;
    float: left;
    border: 1px gray;
    border-right-style:solid;
    border-left-style:solid;
    overflow:hidden;
    }

    October 7, 2013 at 1:41 am #65614
    Tom
    Participant

    It looks like you are trying to place a 1px gray solid border to the right side of the sidebar. (I think.)

    Your width is 960px, but you have padding of 2x8=16px and the lines of 2x1=2px totalling 978px. This pushes your right border and some of that padding out of the main #wrap.

    You need to shrink your content and/or sidebar by a total of 15-20px, and adjust padding to make room for your border and space things out more.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    October 7, 2013 at 10:01 am #65675
    mkpoway
    Member

    Hi Tom,

    My content wrap is set to 470px and my sidebar wrap is set to 300px, so it should be less than the 960px of the content-sidebar wrap. I've posted more code below. Any specific suggestions?

    October 7, 2013 at 3:23 pm #65714
    mkpoway
    Member
    This reply has been marked as private.
    October 7, 2013 at 4:35 pm #65721
    mkpoway
    Member

    Issue is fixed, thanks Tom.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Right side border not aligned’ 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

© 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