Twenty Ten & Sidebar

May you post in https://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 https://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 – https://codex.www.ads-software.com/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 https://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 https://www.ads-software.com/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.