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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter 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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter 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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    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.

    Thread Starter 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,

    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)

    Thread Starter 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.