• 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

Border between content and sidebar

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 › Border between content and sidebar

This topic is: not resolved
  • This topic has 5 replies, 2 voices, and was last updated 13 years, 3 months ago by AnitaC.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2013 at 12:45 pm #37216
    tpaulwhite
    Member

    Hello - I am trying to widen my content and shrink my sidebar.

    I can adjust the width of the sidebar in the .Sidebar area and can adjust the width of content in the .content-sidebar #content area of the style.css file

    However I cannot seem to get the grey border that goes between the two to move.  Can you please advise where I change that?  Is it part of the wrap?

    I appreciate it

    http://www.milepro.com

    http://www.milepro.com
    April 23, 2013 at 2:44 pm #37255
    AnitaC
    Keymaster

    The line in the middle is an actual image. Basically if you are using say, content-sidebar - look in the #inner area for the img setting and modify that.

    .content-sidebar #inner {
    	background: url(images/inner-cs.png);
    }
    
    .sidebar-content #inner {
    	background: url(images/inner-sc.png);
    }
    	
    .content-sidebar-sidebar #inner {
    	background: url(images/inner-css.png);
    }
    	
    .sidebar-sidebar-content #inner {
    	background: url(images/inner-ssc.png);
    }
    	
    .sidebar-content-sidebar #inner {
    	background: url(images/inner-scs.png);
    }

    Need help with customization or troubleshooting? Reach out to me.

    April 23, 2013 at 5:57 pm #37284
    tpaulwhite
    Member

    That did it - thank you!

    April 23, 2013 at 6:13 pm #37285
    AnitaC
    Keymaster

    Suggestion - you should make the sidebar column width 350 instead of 305. Your content is running off the column.

    .sidebar {
        display: inline;
        float: right;
        font-size: 13px;
        line-height: 20px;
        width: 305px;
    }

    Need help with customization or troubleshooting? Reach out to me.

    April 23, 2013 at 6:58 pm #37292
    tpaulwhite
    Member

    Thanks Anitac - actually that brings up a good point.  I really only need to sidebar shortened for pages where I am using the the Alternative Sidebar (via the Genesis Simple Sidebar plugin).

    Is there a way to have the standard  "content-sidebar" to have a sidebar width of 350   and any page with the alternative sidebar to have a sidebar width of 305?  I could even make the alternative sidebar be on the left and have the regular sidebar on the right.  Is there a way to do this?

    Thank you

    April 23, 2013 at 7:28 pm #37295
    AnitaC
    Keymaster

    No I don't believe so. I don't think there is a way to target a sidebar with the simple sidebars. I could be wrong. It might take some Expert coding to achieve that. I see you removed the other code. It's a bit out of whack over there now.


    Need help with customization or troubleshooting? Reach out to me.

  • 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

© 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