Support » Themes and Templates » TwentyTen: Changing Sidebar Width Issue

  • Hi there,

    I’ve been trying to change the width of my sidebar for the TwentyTen theme. My site is http://bit.ly/gJ2sSf

    As you can see, the text currently runs into the sidebar. I’m using the TDO Mini Forms plugin in the sidebar.

    Here is the code I have edited – what am I doing wrong?

    #container {
    	float: left;
    	margin: 0 -340px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 400px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 340px;
    }
    #secondary {
    	clear: right;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    Forum Moderator

    style.css:

    .entry-content, .entry-summary {
    clear:both;
    padding:12px 0 0;
    width:600px;
    }

    Remove width:600px;.

    But be warned that your customisations will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

    Thanks esmi.

    If you highlight text from the “Testing 123” post, it still highlights the whole page (including sidebar background) – any reason you can find for this?

    And thanks for the heads up about a child theme – will look into creating one.

    esmi

    (@esmi)

    Forum Moderator

    I’m not seeing any highlighting issues in Firefox now.

    Aha, it seems to be a Chrome issue.

    Final issue related to the sidebar: as mentioned I’m using TDO Mini Forms and the Form Title as well as the Widget h3 are showing up. I just want the Widget h3 and not the title. Here’s the code snippet.

    <!-- form start -->
    <form method="post" action="http://www.gosneeze.com/wp-content/plugins/tdo-mini-forms/tdomf-form-post.php" id='tdomf_form%%FORMID%%' name='tdomf_form%%FORMID%%' class='tdomf_form' >
    	%%FORMKEY%%
    	<div><input type='hidden' id='tdomf_form_id' name='tdomf_form_id' value='%%FORMID%%' /></div>
            <div><input type='hidden' id='redirect' name='redirect' value='%%FORMURL%%' /></div>
    	<!-- widgets start -->
    	<!-- who-am-i start -->
    	<fieldset>
    		<h3 class="widget-title">Start Sneezing</h3>
    		<?php if(is_user_logged_in()) { ?>
    			<p>%%USERNAME%%, you're logged in already.

    Many thanks in advance.

    esmi

    (@esmi)

    Forum Moderator

    Try adding:

    #primary .widget-container .fieldset h3.widget-title {display:none;}

    to the bottom of style.css.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TwentyTen: Changing Sidebar Width Issue’ is closed to new replies.