Positioning of text box

• 

  duncannichols · Member · Feb 18, 2007 at 10:30 am

  • Copy link
  • Add topic to favorites

  Hi
  I’ve just bought the CSS upgrade, and I think I know what I’m doing (thehashmark.wordpress.com by the way), but what I really want to do is use more of the screen by shifting the text box to the left. Unfortunately, I can’t find the piece of code that relates to it. I’d be really grateful for any help. Also, would it be possible to add a second sidebar?

  Thanks, duncannichols

• 

  mark · Member · Feb 18, 2007 at 11:27 am

  • Copy link

  Which textbox? The comments?

  And a second sidebar for that theme is probably impossible because it has no structure for that.
  You could try Sandbox and create your own, or check other themes that have three cols to see what you can do there. We have plans for a theme coming in that may help but I have no eta for that.

• 

  duncannichols · Member · Feb 18, 2007 at 12:13 pm

  • Copy link

  Sorry; I mean the box the posts go into.

• 

  judyb12 · Member · Feb 18, 2007 at 3:37 pm

  • Copy link

  you mean you want a narrower left margin? I don’t know anything about CSS, but i figured the word “margin” might help someone else help you.

  Good luck :-)

• 

  trent · Member · Feb 18, 2007 at 4:09 pm

  • Copy link

  It is container_box and container in your CSS sheet that define that portion of the core layout. Even changing ‘just the sizes’ of the main layout components is this portion of your CSS sheet. Play with this portion (on preview, not live!)

  /*---:[ core layout elements ]:---*/
  
  #container { width: 770px; margin: 0 auto; }
  
  	#page { width: 770px; float: left; }
  
  		#header { width: 770px; margin-bottom: 30px; float: left; }
  
  		#content_box { width: 770px; padding-bottom: 5px; text-align: left; float: left; }
  
  			#content { width: 500px; padding-right: 40px; overflow: visible; float: left; }
  
  			* html #content { overflow: hidden; }
  
  			#sidebar { width: 230px; color: #222; font-size: 1.2em; line-height: 1.5em; float: left; }
  
  			* html #sidebar { overflow: hidden; }
  
  		#footer { width: 770px; padding-top: 8px; border-top: 4px solid #222; font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; }

  As you can see, it is 770px wide and the content (area you want) is 500px and the sidebar is the rest! Just play around and you will get the idea!

  Trent

• 

  atthe404 · Member · Feb 18, 2007 at 8:17 pm

  • Copy link

  I feel really sorry for you. The CSS in that particular theme is absolutely dreadful. Any effort to edit it will probably make it worse. The whole CSS positioning schemata is held together by a wing and a prayer and will probably blow up at any minute.

  #page: float: left. WHAT IS that all about. ?

  Who are these guys?

  Sorry – I would like to help really.

• 

  trent · Member · Feb 18, 2007 at 8:23 pm

  • Copy link

  I guess if you have the CSS upgrade and would like a second sidebar anyways, it might be easier to start with a theme that is better suited for this like Fadtastic or Andreas04. I guess it is easier to edit to what you want from the closest starting point!

  Trent

• 

  duncannichols · Member · Feb 18, 2007 at 9:31 pm

  • Copy link

  Thanks everyone. I think I’ve got it sorted.