Support » Themes and Templates » Twenty Ten Primary Widget Area Pushed to Bottom

  • I am using Twenty Ten and my primary widget area got pushed to the bottom. I did a restore and got it back when using and browser except Google Chrome. I tried creating a child them and that did not help. I upgraded to 3.5.1 and that did not help so I did a restore and got it back 3.4.2.

    I am also trying to decrease the amount of free space on the margins I see on every page. Lots of wasted space. I am not sure what to adjust?



Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi


    Forum Moderator

    Do not edit the Twenty Ten theme. Re-upload a fresh, unpacked, copy of the Twenty Ten folder to wp-content/themes using FTP or whatever file management application your host provides.

    Then create a child theme for your changes.

    Or use a custom CSS plugin.

    I deleted cache and history on Chrome and that fixed. I do need to create a child them. I have made a fair amount of changes though. I am nervous.

    What should I adjust to make the margins of the site less? I see a ton of dead space.



    Forum Moderator

    Once you have created a child theme, we would be happy to help with this.

    Ok. I created a child theme. I think I got my site back to where it should be. How do I adjust the margins and how can make my logo above the header be a link to the homepage and the header not be a link?

    Here is my child them.

    /*Theme Name: Twenty Ten – LSAB
    Theme URI:
    Description: Child theme for the Twenty Ten theme

    Author: Eric Kratz
    Author URI:
    Template: twentyten
    Version: 1.0

    @import url(“../twentyten/style.css”);

    #site-title {
    background: url(“”)
    no-repeat top left;
    height: 32px;
    width: 282px;

    #site-title a {
    color: #2b3cab;
    font-weight: bold;
    text-decoration: none;
    #branding img {
    border-top: 4px solid #57ef4e;
    border-bottom: 1px solid #57ef4e;
    display: block;
    float: left;
    #access {
    background: #2b3cab;
    display: block;
    float: left;
    margin: 0 auto;
    width: 940px;
    #access ul ul a {
    background: #2b3cab;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;
    #access li:hover > a,
    #access ul ul :hover > a {
    background: #4fbe2d;
    color: #000;

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Ten Primary Widget Area Pushed to Bottom’ is closed to new replies.