How change padding around your pages

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

#main { padding-top: 0; }

.singular.page .hentry {
    padding: 0;
}

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.

#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%;
}

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

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%;
}

worked! Thanks again

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

Try adding this:

.entry-content { padding: 0; }

didn’t work …

I added this and it worked!

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

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

https://www.ads-software.com/support/topic/removing-white-space?replies=1