Column width and Menu font size

  • Author
  • #751365


    I’m using twenty eleven & CSS and wanting to change the main column + sidebar area width to be the same width as the header. Is there a way to do this?

    Also, is it possible to change font size of sidebar & menu headings? or put them in bold? underline?


    The blog I need help with is


    Try this (add to the bottom of your custom CSS)

    #content {
    margin: 0 27.7% 0 0;
    width: 72%;
    #secondary {
    margin-right: 0;
    width: 25%;


    thanks! I think that did the trick on the width!

    Any ideas on the menu/sidebar titles/headings to make them stand out a bit more? Was trying to figure out how to change font size and/or bold.


    On the menu, modify #access a in your custom CSS and include whatever changes you want. On “font” stuff, you have to include the “!important” attribute otherwise you have to make font size/weight changes in several places. The !important attribute will override them in most cases.

    #access a {
    color: #281E01;
    font-size: 110% !important;
    font-weight: bold !important;
    text-decoration: underline;

    For the widget titles, I would not suggest underlining or adding bold, but just increase the size. Underlining generally indicates a link and in general widget titles are not links. Since you are using the custom fonts, again the !important attribute is required to get your custom CSS declaration to override the custom font size setting.

    .widget-title {
    font-size: 110% !important;


    Thank you! Perfect!


    You are welcome.


    Am completely new to wordpress. I use the Misty look template. I would like to increase the width of my blog. Kindly advice. you may have to give me a step-by step instruction..Thanks in advacnce


    Please start a new thread on this since this thread is about the twenty eleven theme, not Mistylook.


The topic ‘Column width and Menu font size’ is closed to new replies.