Support » Themes and Templates » Twenty Ten & Sidebar

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

    (@anevins)

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

    JLPSolutions

    (@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.

    Moderator Andrew Nevins

    (@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

    (@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.

    Moderator Andrew Nevins

    (@anevins)

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

    Michael

    (@alchymyth)

    Forum Moderator

    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

    (@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

    (@alchymyth)

    Forum Moderator

    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

    (@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 ‘Twenty Ten & Sidebar’ is closed to new replies.