How to remove white gaps below header and below page title?

Did you get familiar with Firebug from what Josh recommend from your previous thread?

.singular.page #branding,
.singular.page #main,
.singular.page .entry-content {
 padding: 0;
}

.singular.page .entry-title h1 {
 margin-bottom: 0;
 line-height: 28px;
}

All styles figured out through Firebug

where do I add this? in my style.css sheet?

No im not familiar with firebug ??

Try this plugin to hold your CSS modifications: https://www.ads-software.com/plugins/custom-css-manager-plugin/

i will post the css codes in that plugin?

I have a problem. when I change to showcase template the title of the page is gone. Any Idea? thanks

Add

article.intro .entry-title {
    display: block;
}

Thanks…