WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Ten & Sidebar (10 posts)

  1. JLPSolutions
    Member
    Posted 1 year ago #

    I just tried to adjust the sidebar width on my site (www.JLPSolutions.ca) so that my Tweets fit. The widget was activated but the tweets kept falling of the page. So I used the instructions at http://wordpress.org/support/topic/how-to-make-sidebar-wider and now the sidebar is totally gone. The code I have now is:

    [css code moderated - css can easily get accessed with a link to your site - for posting code in general see http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. JLPSolutions
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  5. JLPSolutions
    Member
    Posted 1 year ago #

    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.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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.

  8. JLPSolutions
    Member
    Posted 1 year ago #

    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,

  9. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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)

  10. JLPSolutions
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic