Support » Fixing WordPress » How change padding around your pages

  • Resolved nvolkert

    (@nvolkert)


    Can someone please help me change the padding around the content of the page I made. For example see the Products page here

    http://www.milkallergyguide.com/products/

    I want to change the padding around Products and content. AKA: want title Products to be closer to heading. I have searched for some type of code in the stylessheet but cannot find anything.

    Thanks

Viewing 11 replies - 1 through 11 (of 11 total)
  • vtxyzzy

    (@vtxyzzy)

    Try adding these lines to the end of style.css:

    #main { padding-top: 0; }
    
    .singular.page .hentry {
        padding: 0;
    }
    nvolkert

    (@nvolkert)

    Thanks! It definitely worked. is the “#main” for the home page and the “.singular.page .hentry” for all over pages added? Just trying to understand this code world.

    Would you know what code I need to add to style.css to change the left margin? I want to move the products title over to the left more.

    vtxyzzy

    (@vtxyzzy)

    #main is the overall enclosing box for the content below the nav menu. It had some padding at the top that was forcing everything down.

    .singular.page .hentry is the box that encloses the post content on a single post page. It too had padding at the top.

    For the margin, try adding this to the end of style.css:

    .singular #content, .left-sidebar.singular #content {
        margin: 0 5.6%;
    }
    nvolkert

    (@nvolkert)

    It would not work to change the margin. I tried a few other codes and it wouldn’t work. any more ideas?

    vtxyzzy

    (@vtxyzzy)

    Sorry, I misread what you wanted to change. I gave you code to change the content margin, and I think what you wanted was to change the title area.

    To change that, try adding this:

    .singular .entry-header, .singular .entry-content {
       width: 90%;
    }
    nvolkert

    (@nvolkert)

    worked! Thanks again

    nvolkert

    (@nvolkert)

    Can you tell me how to decrease distance between Products and coming soon…?
    http://www.milkallergyguide.com/products/

    vtxyzzy

    (@vtxyzzy)

    Try adding this:

    .entry-content { padding: 0; }
    nvolkert

    (@nvolkert)

    didn’t work …

    nvolkert

    (@nvolkert)

    I added this and it worked!

    .singular .entry-content {
    padding: 0;
    }

    nvolkert

    (@nvolkert)

    Thanks for all the help.. if you know anything about removing spaces please check out my next problem at

    http://wordpress.org/support/topic/removing-white-space?replies=1

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How change padding around your pages’ is closed to new replies.