Support » Themes and Templates » How to remove padding from left and right in twentyelven theme?

  • Hi Recently I purchased a site and install wp on it with the theme twentyelven, Now I want to remove the white spaces from left and right side of the theme. I tried

    #page {
    margin-left: 0px;
    margin-right: 0px;

    but it didn’t work. So any other hack do you know?
    Thanks in Advance.

Viewing 9 replies - 1 through 9 (of 9 total)
  • First, if you’re using a default theme like twentyeleven you must carry out any changes to the theme by using a Child Theme.

    Once you have your child theme you’ll need to explain in a bit more detail what it is you want to achieve and on what types of page. For example, in twentyeleven the situation is quite different for a page or single post display as opposed to a blog or category listing.

    A link to your site would help as well, so we can see what you mean.



    Thanks for your quick reply and sorry for late re-reply 😀 . Ok So I have already created child theme and set up something like this in this screenshot, I don’t want to reveal the url because its not fully ready to present if you still want then I can mail you the link. Shall I?

    Should I contact you on your email id having, dsl.*****.com ?

    From the screen shot it’s clear you’ve made quite a few changes. Unless we can see your site we’re just guessing as to what you want to do and how you might go about doing it.

    From your screen shot it looks as though you want to remove space to the left and right of blog pages, but do you also want to do the same thing on single pages and static pages?

    We need to be able to see what changes you’ve made to the default twentyeleven structure or it will be very hard to help.





    Forum Moderator

    there is a padding on the style of body { }

    simply add
    body { padding:0; }
    to style.css of your child theme.

    Ohh great man! Alchymyth. I was looking for just this tiny code! 😀 😀 Thank you both. And now will this work on every page on my blog, Static or single etc etc.

    hi alchymyth,

    I have tried your code:
    body { padding:0; }
    in my style.css of the child theme, but didn’t work.

    Here is my site:

    would you think of you could give me a help, thank you so much in advance!



    I mean the body of left and right space didn’t reduce. I can’t find the solution. thanks

    @unny6192009: Please post your own topic.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to remove padding from left and right in twentyelven theme?’ is closed to new replies.