how to adjust width

• 

  whatweneedislove · Member · Aug 28, 2011 at 6:05 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m having a problem trying to adjust the width of my blog: http://djradia.wordpress.com/

  I have all of my videos set to 950px wide, and the blog shows them as 950px when I don’t have the sidebar enabled.
  The width of the content gets smaller if I turn on the sidebar. How do I adjust the width of the content so that the videos will show as 950px wide with the sidebar enabled? An example is here: http://californiaisaplace.com/cali/

  Another thing I’m having trouble is the placement of the sidebar. Can I put it on the left or on the top?

  Thanks so much.

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

• 

  timethief · Member · Aug 28, 2011 at 6:10 pm

  • Copy link

  Please do not create duplicate threads. Click your username at the top of the forum page to locate earlier threads you posted. I have answered you here > https://en.forums.wordpress.com/topic/how-to-adjust-width?replies=3

• 

  thesacredpath · Member · Aug 28, 2011 at 6:26 pm

  • Copy link

  One thing I’ll throw out there is that with a 310px wide sidebar and a 950px wide content area, the 990px container width is going to go to 1350px wide, and there are still a good number of people that are running 1024px wide monitor resolutions, so for those, your sidebar (your navigation) is not going to be visible and they would have to scroll horizontally just to see it.

  .container, .container-inner {
  width: 1350px !important;
  }
  
  .span-15 {
  width: 950px !important;
  }

• 

  whatweneedislove · Member · Aug 28, 2011 at 6:26 pm

  • Copy link

  I thought you told me to post again with the blog address.

• 

  thesacredpath · Member · Aug 28, 2011 at 6:31 pm

  • Copy link

  As far as changing the location of the sidebar, yes it can be moved to the left, but as I suggest above on monitor resolutions, that will mean that the right side of the video will be cut off for about 1/4 of the people on the web that are still on 1024px wide resolutions.

  It might be best to move it to the top, which can also be done and would actually allow the container area to drop back to 990px wide which would work well with virtually all monitor resolutions and still give you the 950px clear for your videos.

• 

  whatweneedislove · Member · Aug 28, 2011 at 6:36 pm

  • Copy link

  Thank you.

  1) Is there any way to adjust the width of the sidebar? I’d like to have it shorter.

  2) How can I put the sidebar on the left side or on top?

• 

  thesacredpath · Member · Aug 28, 2011 at 6:48 pm

  • Copy link

  I assumed you would want the sidebar stuff aligned with the header rather than up above it. You can play with the “top” and “left values to move the categories list around.

  Do know that I’ve moved the entire sidebar up there, so you are going to be pretty much limited to the widget you now have in it.

  .container {
  position: relative;
  }
  
  .span-8 {
  left: 50px;
  position: absolute;
  top: 90px;
  width: 200px;
  }

  If you want to move everything up closer to the top of the screen then add this.

  #top {
  display: none;
  }

• 

  thesacredpath · Member · Aug 28, 2011 at 6:51 pm

  • Copy link

  Gaahhh. I forgot one thing. Take container container-inner back down to 990px in width.

  .container, .container-inner {
  width: 990px !important;
  }

• 

  whatweneedislove · Member · Aug 28, 2011 at 7:04 pm

  • Copy link

  Thank you so much.

  I have one more question: can I put the categories under the banner aligned in a single line?

  It would look like this:

  documentary music video short fiction uncategorized

• 

  thesacredpath · Member · Aug 28, 2011 at 7:57 pm

  • Copy link

  This is getting a little complex and I would approach it differently knowing where we are ending up. Add the following at the bottom of your CSS.

  #categories-2 {
  width: 500px;
  position: relative;
  top: 120px;
  left: 257px;
  }
  
  .widget_categories ul li {
  display: inline;
  }

  Any additions or changes to the categories will require repositioning them in the CSS.

• 

  thesacredpath · Member · Aug 28, 2011 at 7:58 pm

  • Copy link

  One other thing, make sure and view the site both while logged into wordpress and while logged out to make sure that the repositioning we did holds.

• 

  whatweneedislove · Member · Aug 28, 2011 at 8:54 pm

  • Copy link

  It worked great, thanks so much!

• 

  thesacredpath · Member · Aug 28, 2011 at 8:58 pm

  • Copy link

  You are welcome.