WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How change padding around your pages (12 posts)

  1. nvolkert
    Member
    Posted 2 years ago #

    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

  2. vtxyzzy
    Member
    Posted 2 years ago #

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

    #main { padding-top: 0; }
    
    .singular.page .hentry {
        padding: 0;
    }
  3. nvolkert
    Member
    Posted 2 years ago #

    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.

  4. vtxyzzy
    Member
    Posted 2 years ago #

    #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%;
    }
  5. nvolkert
    Member
    Posted 2 years ago #

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

  6. vtxyzzy
    Member
    Posted 2 years ago #

    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%;
    }
  7. nvolkert
    Member
    Posted 2 years ago #

    worked! Thanks again

  8. nvolkert
    Member
    Posted 2 years ago #

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

  9. vtxyzzy
    Member
    Posted 2 years ago #

    Try adding this:

    .entry-content { padding: 0; }
  10. nvolkert
    Member
    Posted 2 years ago #

    didn't work ...

  11. nvolkert
    Member
    Posted 2 years ago #

    I added this and it worked!

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

  12. nvolkert
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic