Home>Support>How can I narrow my right sidebar size

How can I narrow my right sidebar size

By Ramamoorthy Krishnamoorthy Sangam, 11 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I want to change my content size and right sidebar size. I want to increase the content size and reduce right side bar. how do i do it

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi

    Please try this under Appearance > Custom CSS and adjust as required:

    /* Sidebar */

#primary { width: 65% !important; }
#secondary { width: 45% !important; }
  2. 11 years, 1 month ago Ramamoorthy Krishnamoorthy Sangam

    Thanks. The feature worked. But one more question.
    can i change the width separately for individual pages and posts

  3. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Sure, just prefix the selector with the page class. The page class can be found in the body tag of the page when viewing the page source. It might look as follows:

    .home
    .blog
    .single
    .page
    .page-id-xx

    etc.

    For example, to do this only on the home page:

    /* Sidebar */
 
.home #primary { width: 65% !important; }
.home #secondary { width: 45% !important; }

    Hope that helps.

  4. 11 years, 1 month ago Ramamoorthy Krishnamoorthy Sangam

    Thanks, Will the same apply for top and bottom borders. How do I change the bottom and top borders.

  5. 11 years, 1 month ago Greg Priday
    Hi, I Work Here

    For most other customizations, this is a good guide.

    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  6. 10 years, 4 months ago Ramamoorthy Krishnamoorthy Sangam

    How can I have different side bars for individual pages

  7. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ramamoorthy

    Give http://jetpack.me/support/widget-visibility/ or https://wordpress.org/plugins/woosidebars/ a try.

  8. 9 years, 3 months ago Leigh

    Hi there,
    I know this is an old thread, but I need a little help!

    I tried the suggested custom CSS above (worked beautifully) however the comments section below the post became “weird”. It started to become clipped / rendered underneath the sidebar. Is there a third parameter that I am missing to ensure the comment section renders correctly like the post(s) / sidebar are?

    Cheers,
    Leigh

    • 9 years, 3 months ago Andrew Misplon
      Hi, I Work Here

      Hi Leigh

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you post the link to your new thread here once it’s open we’ll do our best to get it soon.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More