Twenty Ten & Sidebar
-
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 ]
-
May you post in http://PasteBin.com the HTML as well and link us the PasteBin page ?
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.
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.
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.
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.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)
Thanks. That worked. So much appreciated. Now I can actually see my tweets.
- The topic ‘Twenty Ten & Sidebar’ is closed to new replies.