• 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

How do I make sidebar a little wider?

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 › How do I make sidebar a little wider?

This topic is: not resolved

Tagged: Sidebar, size, Width

  • This topic has 7 replies, 3 voices, and was last updated 10 years, 3 months ago by AutoHail.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 8, 2012 at 2:47 pm #3879
    AutoHail
    Member

    Corporate Child Theme & Genesis
    How do I make sidebar a little wider?

    My PayPal widget is cut off a tiny bit. The drop down arrow is cut off.

    I would rather make the main area a little smaller than expand the entire site.

    Thanks!

     

    http://autohailgroup.com/world-hail-network-automotive-service-directory/

    December 8, 2012 at 3:19 pm #3882
    Susan
    Moderator

    You would need to adjust a number of the pieces inside your CSS.

    This guide should help you determine what you need to adjust:

    http://my.studiopress.com/docs/visual-markup-guide/

    December 8, 2012 at 4:11 pm #3885
    AutoHail
    Member

    I am not a programmer, I tried changing a bunch of numbers, but none had any affect. I do not want to screw the site up by messing around too much. Thank you though.

     

    December 8, 2012 at 4:18 pm #3886
    Susan
    Moderator

    AutoHail - I'm not a programmer, either, but I've done it on my own site with a little experimentation. Let me look at your site's stylesheet and see if I can come up with some specific lines to change 🙂

     

    December 8, 2012 at 4:58 pm #3892
    Bill Murray
    Member

    Susan can address the issue of changing your CSS, but you might want to consider modifying your Paypal widget.  The drop down takes its width from the items you populate it with.  If you dropped the word "Listing" from each of your drop down items, in all likelihood you wouldn't have to change your CSS.  Because of the width of your longest entry, you may find the CSS changes that are necessary to fix your problem make your content area too narrow.


    Web: https://wpperform.com or Twitter: @wpperform

    We do managed WordPress hosting.

    December 8, 2012 at 5:35 pm #3904
    AutoHail
    Member

    Adjusted PayPal button. Genius in simplicity. Thank you both very much!

    December 8, 2012 at 5:56 pm #3905
    Susan
    Moderator

    Glad that helped - definitely easier than adjusting the CSS!

    For future reference:

    If you find that you can't adjust something within the sidebar, and you want to physically adjust the width of the sidebar, you would look for this in your CSS:
    /* Primary / Secondary Sidebars
    ------------------------------------------------------------ */

    .sidebar {
    background: #f5f5f5;
    display: inline;
    float: right;
    margin: 0 0 20px;
    padding: 15px 15px 5px;
    width: 250px;
    }

    Replace the 250px with the new width.

    Then, you would need to look for this:

    /* Content
    ------------------------------------------------------------ */

    #content {
    float: left;
    padding: 10px;
    width: 450px;
    }

    .content-sidebar #content,
    .sidebar-content #content {
    width: 620px;
    }

    and adjust the 620px down by the amount your adjusted the 250 up (a sidebar of 300 px would mean a width of 570 px for the center area.

    December 8, 2012 at 5:58 pm #3907
    AutoHail
    Member

    Great! Thanks again

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘General Discussion’ 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

© 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