Twenty Ten Primary Widget Area Pushed to Bottom (5 posts)

  1. ekratz
    Posted 2 years ago #

    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?




  2. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  3. ekratz
    Posted 2 years ago #

    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.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

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

  5. ekratz
    Posted 2 years ago #

    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: http://example.com/
    Description: Child theme for the Twenty Ten theme

    Author: Eric Kratz
    Author URI: http://livablestreetsls.com
    Template: twentyten
    Version: 1.0

    @import url("../twentyten/style.css");

    #site-title {
    background: url("http://livablestreetsls.com/wp-content/uploads/2013/02/LSLS_Logo_3.jpg")
    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;

Topic Closed

This topic has been closed to new replies.

About this Topic