Twenty-Eleven ~ two CSS coding changes

therapybook · Member · Nov 22, 2011 at 4:10 pm
Copy link

Add topic to favorites
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,

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Nov 22, 2011 at 4:22 pm
Copy link
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…
designsimply · Member · Nov 22, 2011 at 4:33 pm
Copy link
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%;
}
```
therapybook · Member · Nov 23, 2011 at 2:55 pm
Copy link
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 · Member · Nov 23, 2011 at 3:08 pm
Copy link
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 · Member · Nov 23, 2011 at 3:09 pm
Copy link
OK, thanks!

No items found.