WordPress.com Forums » Topic: Twenty-Eleven ~ two CSS coding changes

therapybook on "Twenty-Eleven ~ two CSS coding changes"

therapybook — Wed, 23 Nov 2011 15:09:03 +0000

OK, thanks!

designsimply on "Twenty-Eleven ~ two CSS coding changes"

designsimply — Wed, 23 Nov 2011 15:08:00 +0000

That's part of the design of the theme itself, and there isn't a way to add something using CSS if it isn't sent to the page in the first place.

therapybook on "Twenty-Eleven ~ two CSS coding changes"

therapybook — Wed, 23 Nov 2011 14:55:34 +0000

Thank you, that worked perfectly.

May I ask just one more question? Is there a way to get the sidebar to appear on the inner pages as well as the home page. At the moment, it is only on the home page.

Many thanks!

designsimply on "Twenty-Eleven ~ two CSS coding changes"

designsimply — Tue, 22 Nov 2011 16:33:01 +0000

Here are the basic percentages that you need to update to change the width of the sidebar for Twenty Eleven. This will decrease the primary content area width by 10% and increase the sidebar by 10%. I also made the right and left margins a little smaller.

#primary {
margin: 0 -36.4% 0 0;
}
#content {
margin: 0 36.4% 0 3.6%;
}
#secondary {
float: right;
margin-right: 3.6%;
width: 28.8%;
}

designsimply on "Twenty-Eleven ~ two CSS coding changes"

designsimply — Tue, 22 Nov 2011 16:22:42 +0000

Do you mean the post titles? If you just want to change the font and font size for post titles, use the Appearance → Custom Design → Fonts page. If you want to change something else for titles, start with this selector.

.entry-header hgroup .entry-title

Or use this to change the post title color:

.entry-title, .entry-title a {
color: blue;
}

Looking at the right sidebar next...

therapybook on "Twenty-Eleven ~ two CSS coding changes"

therapybook — Tue, 22 Nov 2011 16:10:21 +0000

Hi, I'd like to make two changes to my Twenty-Eleven template.

I've bought a CSS Upgrade but need some help in finding two small pieces of code. I'd like to change the subheadings to a different style and I'd also like to increase the width of the right sidebar. Please could someone very kindly tell me which code I need to add/change?

Much appreciate your help!

Thanks,