Support » Themes and Templates » Post Width – reduce size of nav bar and borders.

  • Trying to create a larger post area so the text doesn’t appear so squeezed by my two side columns.

    I think my biggest challenge is moving changing the width of the side column. Also unable to move at all, the border lines that separate the post area from the side bars.

    Here is the original code, if you look at my site (now), lol, you can see it’s a lil jacked up.

    /*---:[ core layout elements ]:---*/
    #container { width: 885px; margin: 0 auto; padding: 20px 0; }
    	#page { } /* for use with custom styles */
    		#masthead { width: 865px; margin: 0 0 20px 0; padding: 0 10px; text-align: left; }
    		#rotating_image { width: 885px; margin: 0 0 20px 0; }
    			#rotating_image img { display: block; border: 10px solid #eee; }
    		#content_box { width: 865px; padding: 0 10px; background: url('images/content_bg.gif') 50% 0 repeat-y; text-align: left; }
    			#left_box { width: 665px; float: left; }
    				#content { width: 463px; padding: 0 1px; float: right; }
    					#content_inner { width: 445px; padding: 0 9px; }
    			.sidebar { width: 190px; float: left; }
    			#left_bar { padding: 0 10px 0 0; }
    			#right_bar { padding: 0 0 0 10px; }
    		#footer { padding: 1.0em 0; border-top: 1px double #ddd; }

    That is the code in it’s original state, How do I increase the post content area, and reduce the side bars. If you look at my side bars in there natural position, it would seems there is plenty of room to spare.

    Thanks so much.


  • The topic ‘Post Width – reduce size of nav bar and borders.’ is closed to new replies.