• Skip to main content
  • Skip to forum navigation

StudioPress

  • Create a Site
  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Discussion
  • Design Tips
  • Showcase/Feedback
  • FAQs
  • Forum Rules
  • Forum Log In

Atomic Blocks Update – Advanced Post Grid!

Atomic Blocks, our leading Gutenberg blocks plugin, has just received a fantastic new update – an all new, powerful, post grid!

Read More

Change sidebar width

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 › Design Tips and Tricks › Change sidebar width

This topic is: resolved

Tagged: .sidebar-primary, content, Infinity Pro, primary sidebar, sidebar width

This topic contains 3 replies, has 3 voices, and was last updated by  cjholbrook 3 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 12, 2019 at 11:47 pm #492952

    cjholbrook
    Participant

    Hi,

    Can someone please tell me how to change the width of the sidebar?

    Making the RIGHT Decision for Your Business

    http://new.cindyjholbrook.com/2019/08/13/making-the-right-decision-for-your-business/
    August 13, 2019 at 3:35 am #492954

    andytc
    Participant

    The default CSS in your theme for this is shown below -

    .content {
     float: right;
     padding: 80px 60px;
     width: 65%;
    }
    
    .sidebar-primary {
     float: right;
     width: 35%;
    }

    Add the CSS below to custom CSS to change the width of your sidebar , you'll also need to adjust the content area size as well. Both percentage widths should add up to no more than 100%. Change the percentage width examples below to get what you need.

    .content {
     width: 75%;
    }
    
    .sidebar-primary {
     width: 25%;
    }

    Platinum Webdesign

    August 13, 2019 at 4:16 am #492955

    braddalton
    Participant

    Or this tutorial


    Access 6000+ Custom Code Snippets for Genesis

    August 16, 2019 at 1:03 pm #493009

    cjholbrook
    Participant

    Thanks to both of you!
    I've got it fixed now.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change sidebar width’ 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

© 2019 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