• 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.

    https://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)
  • 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

    (@noelsaw)

    Hi Drew, thanks for the suggestion but it didn’t seem to help…

    Thanks in advance for any other tips…

    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…

    oh, and get rid of the embedded styles that float your sidebar and content and you should be golden.

    Thread Starter noelsaw

    (@noelsaw)

    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

    (@noelsaw)

    Drew, BTW I am more than willing to repay you with a few Sbux drinks (or beers), whatever your preference…

    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.

    you owe me not a thing. comes around goes around, eh?

    Thread Starter noelsaw

    (@noelsaw)

    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

    (@noelsaw)

    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)
    ===

    <?php
    /*
    File Name: WordPress Theme Toolkit
    Version: 1.0
    Author: Ozh
    Author URI: https://planetOzh.com/
    */
    
    /************************************************************************************
     * THEME USERS : don't touch anything !! Or don't ask the theme author for support :)
     ************************************************************************************/
    
    include(dirname(__FILE__).'/themetoolkit.php');
    
    /************************************************************************************
     * THEME AUTHOR : edit the following function call :
     ************************************************************************************/
    
    themetoolkit(
    	'mytheme', /* Make yourself at home :
    			* Name of the variable that will contain all the options of
    			* your theme admin menu (in the form of an array)
    			* Name it according to PHP naming rules (https://php.net/variables) */
    
    	array(     /* Variables used by your theme features (i.e. things the end user will
    			* want to customize through the admin menu)
     			* Syntax :
    			* 'option_variable' => '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 <?php mytheme_about() ?> 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;}
    		';
    	}
    }
    
    ?>

    dude I’m sorry, I told you to delete the wrong line. It’s your sidebar float you want to change, not the content.

    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

    (@noelsaw)

    Hey that works! Thanks a bunch!

    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

    (@noelsaw)

    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)
  • The topic ‘Need help with spacing’ is closed to new replies.