Twenty-Eleven ~ two CSS coding changes

  • Author
  • #759049


    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!


    The blog I need help with is


    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…


    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%;


    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!


    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.



    OK, thanks!

The topic ‘Twenty-Eleven ~ two CSS coding changes’ is closed to new replies.