Title: Need help with spacing Last modified: August 19, 2016 --- # Need help with spacing * [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/) * For some reason, I cannot get rid of the huge spacing between the left sidebar and the content area and also the content area overlapping into the right side. * [http://www.tdling.net/](http://www.tdling.net/) * I’ve used Firebug to look at the elements but my CSS/HTML skills are not advanced enough to fix it. Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/need-help-with-spacing/page/2/?output_format=md) [→](https://wordpress.org/support/topic/need-help-with-spacing/page/2/?output_format=md) * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928023) * your #rap has a defined width.. it is too narrow. change it to lik3 980 or so and then play with the rest of the defined widths to make everything fit the way you want it. * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928025) * Hi Drew, thanks for the suggestion but it didn’t seem to help… * Thanks in advance for any other tips… * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928029) * ``` body { width:80%; margin:auto; padding:0; font-family: Georgia, Times, Times New Roman, sans-serif; font-size: 0.9em; text-align:center; color:#29303B; line-height:1.3em; background: #781805; } #rap { background:#fbbf07; background-image: url('/wp-content/themes/2Exquisite/img/tdl-body-background.jpg'); border-left: 1px solid black; border-right: 1px solid black; padding:0px; text-align:left; font-family: Trebuchet MS, Georgia, Arial, serif; font-size: 0.9em; } #content { background: #fef9de; padding:8px; margin-right:30%; width:400px; float:right } #footer { margin:0; border-top: 0px solid #e6e6e6; font-size: 0.8em; color: #999; background: transparent; } ``` * change the mentioned declarations with these… * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928030) * oh, and get rid of the embedded styles that float your sidebar and content and you should be golden. * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928031) * Drew, many thanks for the changes. For some reason now the sidenav is not aligning to the top of the page. * Also, please give me an example of the embedded styles. * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928032) * Drew, BTW I am more than willing to repay you with a few Sbux drinks (or beers), whatever your preference… * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928033) * the embedded styles are buried in your theme.. I would guess the place to look is your header.php. find: * ``` #content {float: right;} ``` * delete these lines. that allows your menu to rise up where you want it. * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928034) * you owe me not a thing. comes around goes around, eh? * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928036) * I tried looking for that and for whatever reason I could not find it any of the theme docs. I finally found it buried inside “functions.php”. I’ll give that a try! * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928037) * Ok I removed both sets in functions.php and now the content goes above the sidenav… * Here is the original code (not the modded one) === * ``` 'Option Title ## optionnal explanations', * 'option_variable' => 'Option Title {radio|value1|Text1|value2|Text2} ## optionnal explanations', * 'option_variable' => 'Option Title {textarea|rows|cols} ## optionnal explanations', * 'option_variable' => 'Option Title {checkbox|option_varname1|value1|Text1|option_varname2|value2|Text2} ## optionnal explanations', * Examples : * 'your_age' => 'Your Age', * 'cc_number' => 'Credit Card Number ## I can swear I will not misuse it :P', * 'gender' => 'Gender {radio|girl|You are a female|boy|You are a male} ## What is your gender ?' * Dont forget the comma at the end of each line ! */ 'floatbar' => 'Sidebar Option {radio|left|Left Sidebar|right|Right Sidebar}', ), __FILE__ /* Parent. DO NOT MODIFY THIS LINE ! * This is used to check which file (and thus theme) is calling * the function (useful when another theme with a Theme Toolkit * was installed before */ ); /************************************************************************************ * THEME AUTHOR : Congratulations ! The hard work is all done now :) * * From now on, you can create functions for your theme that will use the array * of variables $mytheme->option. For example there will be now a variable * $mytheme->option['your_age'] with value as set by theme end-user in the admin menu. ************************************************************************************/ /*************************************** * Additionnal Features and Functions * * Create your own functions using the array * of user defined variables $mytheme->option. * **************************************/ /* mytheme_about use to print either what the author wrote in his profile (Admin Area, Users page), or a friendly message if nothing has been filled in. */ function mytheme_about() { if (get_the_author_description()) { print get_the_author_description(); } else { print "The author does not say much about himself"; } } /* mytheme_sidebar() Prints css style according to what has been defined in the admin pannel */ function mytheme_sidebar() { global $mytheme; if ($mytheme->option['floatbar'] == 'right') { echo ' /* Menu on the Right */ #content {float: left;} #sidebar {float: right;} '; } else { echo ' /* Menu of the Left */ #content {float: right;} #sidebar {float: left;} '; } } ?> ``` * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928038) * dude I’m sorry, I told you to delete the wrong line. It’s your sidebar float you want to change, not the content. * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928039) * and it is the last one mentioned in the code you posted, because you have yours set up with the menu on the left. * replace: `#sidebar {float: left;}` * with: `/* #sidebar {float: left;} */` * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928042) * Hey that works! Thanks a bunch! * [drewactual](https://wordpress.org/support/users/drewactual/) * (@drewactual) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928043) * you can adjust the padding in your regular stylesheet, to dress it up now.. * find #sidebar, put in it padding-top:20px; , and it will be pretty slick. * Thread Starter [noelsaw](https://wordpress.org/support/users/noelsaw/) * (@noelsaw) * [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/#post-928044) * One last request Drew, can you take a look at the site in IE 6 or 7. A part of the background for the center shows in the top and bottom. Any suggestion please? Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/need-help-with-spacing/page/2/?output_format=md) [→](https://wordpress.org/support/topic/need-help-with-spacing/page/2/?output_format=md) The topic ‘Need help with spacing’ is closed to new replies. * 20 replies * 3 participants * Last reply from: [noelsaw](https://wordpress.org/support/users/noelsaw/) * Last activity: [17 years, 5 months ago](https://wordpress.org/support/topic/need-help-with-spacing/page/2/#post-928219) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics