Support » Theme: Twenty Eleven » Simple Theme Specific CSS Question

  • Resolved munvo



    It would be greatly appreciated if an individual could please explain to me the specific CSS rules that are associated with the rather unnecessary amount of space on the lefthand side of the body’s title and content on the following page:

    I have already created a secondary theme instead of editing the first one and my blog is currently hosted on a local server which is inaccessible via the Internet. Since I am using this theme, I shared with you the above link which looks at this time exactly like mine.

    I have attempted to root through the stylesheet to find the specific rules; however, I failed epicially creating only a mess, which lead me to re-uploading the design. I’ve tried firebug as well; however, the specific rules I seek end up changing nothing and it has just lead to utter frustration.

    Thank you for your help… I look forward to moving forward with this design (though I do not claim to be a programmer or designer by any means yet).

    Thanks again,

Viewing 4 replies - 1 through 4 (of 4 total)
  • That space is created by the margin in this CSS code:

    .singular #content, .left-sidebar.singular #content {
        margin: 0 7.6%;
        position: relative;
        width: auto;

    and/or this one:

    #content {
        margin: 0 34% 0 7.6%;
        width: 58.4%;

    Thank you so much WPyogi!


    BTW, changing the space and layout may require multiple changes to the CSS code — as elements are used in different templates and layouts.

    Hmm okay. I’ll test it out very soon.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Simple Theme Specific CSS Question’ is closed to new replies.