WordPress.org

Support

Support » Themes and Templates » [Resolved] Twenty Ten & Sidebar

[Resolved] Twenty Ten & Sidebar

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    May you post in http://PasteBin.com the HTML as well and link us the PasteBin page ?

    JLPSolutions
    Member

    @jlpsolutions

    I’m sorry, I don’t quite understand. Do you wish for me to copy the code from the WordPress Editor to the above link? I think I understand that. But I do not understand the second part of your request.

    Thanks so much.

    Andrew Nevins
    Forum moderator

    @anevins

    When you view your website, right click (assuming you’re on Windows) somewhere on the page that gives you the option ‘View source’ and click on that option. The pop-up window will contain HTML of the page.

    JLPSolutions
    Member

    @jlpsolutions

    Hi There.

    I am using Safari and have the HTML code in view. Do I now post it to the link above?

    Sorry to be a little slow.

    Andrew Nevins
    Forum moderator

    @anevins

    You should use http://Pastebin.com when there’s a lot of code to paste.

    Michael
    Forum Moderator

    @alchymyth

    the quoted suppport topic refers to changing the widths and margins only, all other formatting of #container, #content, #primary, and #secondary needs to be kept as it was in Twenty Ten.

    original section:

    #container {
    	float: left;
    	margin: 0 -240px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 280px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 220px;
    }
    #secondary {
    	clear: right;
    }

    and now change only widths and margins.

    consider to create and use a child theme of Twenty Ten – http://codex.wordpress.org/Child_Themes
    that way, checking for mistakes in the customisation will be much easier.
    and you will be safer from loosing your cusomisations due to an upgrade of the theme.

    JLPSolutions
    Member

    @jlpsolutions

    alchymyth – The Sweeper: Sorry but you’re talking total Greek to me now. I have put the the code into http://pastebin.com/H02ZpTaf. Hope someone can square it away for me.
    Thanks,

    Michael
    Forum Moderator

    @alchymyth

    when you were applying the solution from the other forum topic, you were simply overwriting the section with #container etc, instead of adapting only the widths and margins.

    with other words, you turned the section which I posted in my last reply, into the section which you copied from the forum topic http://wordpress.org/support/topic/how-to-make-sidebar-wider?replies=7#post-1662304; with this action, you removed some essential ‘float’ etc formatting.

    edit style.css, find the section:

    #container {
    	margin: 0 -300px 0 0;
    }
    #content {
    	margin: 0 360px 0 20px;
    }
    #primary,
    #secondary {
    	width: 300px;
    }

    and change the full section to:

    #container {
    	float: left;
    	margin: 0 -300px 0 0;
    	width: 100%;
    }
    #content {
    	margin: 0 360px 0 20px;
    }
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 300px;
    }
    #secondary {
    	clear: right;
    }

    (this is now the original css section combined with the necessary changes for a wider sidebar)

    JLPSolutions
    Member

    @jlpsolutions

    Thanks. That worked. So much appreciated. Now I can actually see my tweets.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] Twenty Ten & Sidebar’ is closed to new replies.