Changing sidebar width

• 

  92webzine · Member · Aug 28, 2015 at 2:05 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m a complete amateur when it comes to CSS but I want to temporarily expand the width of the sidebar over on offsiderulepodcast.com and wondered how I go about doing this using CSS?

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 28, 2015 at 7:49 pm

  • Copy link

  Hi there, when you say “temporarily expand the width of the sidebar” can you explain a bit more what you are wanting and I’ll see what I can do about helping you get that accomplished. Currently the sidebar is at 300px wide on your main page. Are you wanting to narrow the content area, or expand the entire content area to widen the sidebar and keep the content width the same?

• 

  92webzine · Member · Aug 28, 2015 at 8:08 pm

  • Copy link

  Hi thesacredpath,

  Thanks for the response.

  I’d like to just widen the sidebar at the expense of the content area. So for instance widen the sidebar to 350px and take 50px away from the content area.

  Thanks

• 

  thesacredpath · Member · Aug 28, 2015 at 8:42 pm

  • Copy link

  Thanks for the clarification. Remove these two rules from your custom CSS

  #primary {
      width: 90%;
  }
  #secondary {
      width: 29.68%;
  }

  and then add the following

  .content-sidebar #content, .sidebar-content #content, .home-bottom, .home-middle, .home-top {
      width: 550px;
  }
  .home-left, .home-right {
      width: 265px;
  }
  .home-middle .featuredpost img {
      max-width: 96%;
      height: auto;
  }
  .home-top .featuredpost img {
      max-width: 98%;
      height: auto;
  }
  .sidebar {
      width: 350px;
  }

• 

  thesacredpath · Member · Aug 28, 2015 at 8:50 pm

  • Copy link

  Hmmm, looking at things, the twitter and Facebook widgets are not expanding to fill the new width. Let me work on this and see if I can get them to do that. Since the code for the widgets comes from twitter and Facebook it can be difficult to override, so I’m not sure if I can or not. I’ll try though.

• 

  92webzine · Member · Aug 28, 2015 at 8:52 pm

  • Copy link

  Don’t worry about Facebook/Twitter etc. We’re only using the expanded sidebar on Tuesday for a one-off event and we’ll be removing all widgets for it.

  But that code works fine so thanks very much.

  Appreciated!

• 

  thesacredpath · Member · Aug 28, 2015 at 8:54 pm

  • Copy link

  You are welcome, and let us know if you have additional questions. :)