Blank space above header image

“inline & defer CSS” is not easy (as you noticed) and “inline all CSS” is only interesting if you have a small amount of CSS. hence the default option is not not “inline” or “inline&defer”; this is the safer approach and although Google PageSpeed Insight might complain about “render blocking CSS3”, this is not necessarily a big issue as GPSI is merely a test of best practices, not of actual performance.

hope this clarifies,
frank

Yes, I noticed it’s complicated. Still, the loading time decreased a bit. Isn’t there really a solution to the blank space?

Thank you.

Isn’t there really a solution to the blank space?

probably, but can’t say like this. post the critical CSS you used here, so I can check what is being done there. that way I might be able to come up with a solution ??

frank

Here it is. Thank you for the attention, I really appreciate it.

@font-face { font-family: ‘Open Sans’; font-style: normal; font-weight: 300; src: local(‘Open Sans Light’), local(‘OpenSans-Light’), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’); } @font-face { font-family: ‘Open Sans’; font-style: normal; font-weight: 400; src: local(‘Open Sans’), local(‘OpenSans’), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format(‘woff’); } @font-face { font-family: ‘Open Sans’; font-style: normal; font-weight: 600; src: local(‘Open Sans Semibold’), local(‘OpenSans-Semibold’), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’); } @font-face { font-family: ‘Open Sans’; font-style: italic; font-weight: 300; src: local(‘Open Sans Light Italic’), local(‘OpenSansLight-Italic’), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format(‘woff’); } @font-face { font-family: ‘Open Sans’; font-style: italic; font-weight: 400; src: local(‘Open Sans Italic’), local(‘OpenSans-Italic’), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format(‘woff’); } @font-face { font-family: ‘Open Sans’; font-style: italic; font-weight: 600; src: local(‘Open Sans Semibold Italic’), local(‘OpenSans-SemiboldItalic’), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format(‘woff’); } @import url(“../soledad/style.css”); @font-face { font-family: “Noticons”; src: url(“./Noticons.eot?”) format(“embedded-opentype”); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: “Noticons”; src: url(“./Noticons.svg#Noticons”) format(“svg”); } } @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic); body, #searchform input.search-input { font-family: ‘Open Sans’, sans-serif; } a { color: #c92424; } #navigation ul.menu > li > a:before { background: #dd0000; } #navigation ul.menu ul a:before { background-color: #dd0000; -webkit-box-shadow: 5px -2px 0 #dd0000; -moz-box-shadow: 5px -2px 0 #dd0000; -ms-box-shadow: 5px -2px 0 #dd0000; box-shadow: 5px -2px 0 #dd0000; } .penci-slider ul.slides li:after { opacity: ; } .penci-slider ul.slides li:before { opacity: ; } html { margin-top: 1px !important; } @media screen and ( max-width: 782px ) { html { margin-top: 1px !important; } }

Best Regards

hmm … lots of stuff missing in there. maybe try this one instead;

*,.slides,.slides>li,body,div,form,h1,h2,html,input,li,p,ul{margin:0;padding:0}@font-face{font-family:Raleway;font-style:normal;font-weight:100;src:local('Raleway Thin'),local('Raleway-Thin'),url(https://fonts.gstatic.com/s/raleway/v10/RJMlAoFXXQEzZoMSUteGWKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:200;src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(https://fonts.gstatic.com/s/raleway/v10/8KhZd3VQBtXTAznvKjw-ky3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:local('Raleway Light'),local('Raleway-Light'),url(https://fonts.gstatic.com/s/ralewaye /v10/-_Ctzj9b56b8RgXW8FAriS3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local('Raleway'),local('Raleway-Regular'),url(https://fonts.gstatic.com/s/raleway/v10/bIcY3_3JNqUVRAQQRNVteQ.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local('Raleway Medium'),local('Raleway-Medium'),url(https://fonts.gstatic.com/s/raleway/v10/CcKI4k9un7TZVWzRVT-T8y3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:600;src:local('Raleway SemiBold'),local('Raleway-SemiBold'),url(https://fonts.gstatic.com/s/raleway/v10/xkvoNo9fC8O2RDydKj12by3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:700;src:local('Raleway Bold'),local('Raleway-Bold'),url(https://fonts.gstatic.com/s/raleway/v10/JbtMzqLaYbbbCL9X6EvaIy3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:local('Raleway ExtraBold'),local('Raleway-ExtraBold'),url(https://fonts.gstatic.com/s/raleway/v10/1ImRNPx4870-D9a1EBUdPC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:900;src:local('Raleway Black'),local('Raleway-Black'),url(https://fonts.gstatic.com/s/raleway/v10/PKCRbVvRfd5n7BTjtGiFZC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'),local('PTSerif-Regular'),url(https://fonts.gstatic.com/s/ptserif/v8/sAo427rn3-QL9sWCbMZXhA.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'),local('PTSerif-Bold'),url(https://fonts.gstatic.com/s/ptserif/v8/kyZw18tqQ5if-_wpmxxOeKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'),local('PTSerif-Italic'),url(https://fonts.gstatic.com/s/ptserif/v8/9khWhKzhpkH0OkNnBKS3n_esZW2xOQ-xsNqO47m55DA.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:italic;font-weight:700;src:local('PT Serif Bold Italic'),local('PTSerif-BoldItalic'),url(https://fonts.gstatic.com/s/ptserif/v8/Foydq9xJp--nfYIx2TBz9QJKKGfqHaYFsRG-T3ceEVo.ttf) format('truetype')}@font-face{font-family:FontAwesome;src:url(wp-content/themes/soledad/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(wp-content/themes/soledad/fonts/fontawesome-webfont.eot?) format('embedded-opentype'),url(wp-content/themes/soledad/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(wp-content/themes/soledad/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(wp-content/themes/soledad/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(wp-content/themes/soledad/fonts/fontawesome-webfont.svg?v=4.3.0) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}#navigation .menu li a,h1,h2{letter-spacing:1px;font-weight:700}#navigation .menu li a,.penci-slider .pencislider-container .pencislider-content .pencislider-title,h1,h2{font-family:Raleway,sans-serif}.fa-search:before{content:"\f002"}.fa-close:before{content:"\f00d"}.fa-bars:before{content:"\f0c9"}.slides,.slides>li{list-style:none}.penci-slider .slides>li{display:none;-webkit-backface-visibility:hidden}.penci-slider .slides:after{content:"020";display:block;clear:both;visibility:hidden;line-height:0;height:0}.penci-slider .slides{zoom:1}.penci-slider .slides img{width:100%;display:block;height:auto}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}img{border:0;max-width:100%;vertical-align:top;height:auto}li,ul{list-style:none}h1,h2{font-size:100%;font-style:normal}body,p{font-size:14px}a img{border:0}body,html{-webkit-font-smoothing:antialiased}body{color:#313131;background-color:#FFF}p{line-height:28px}.container{width:1170px;margin:0 auto}#navigation{background:#fff;height:60px;z-index:9999;width:100%;-webkit-backface-visibility:hidden;border-bottom:1px solid #ececec}#navigation.header-1{border-top:1px solid transparent!important}#navigation .container{position:relative;display:table;text-align:center}#navigation .menu{float:left}#navigation ul.menu>li{display:inline-block;position:relative;float:left;margin-right:44px}#navigation .menu>li:last-child{margin-right:0}#navigation .menu li a{font-size:12px;color:#313131;line-height:58px;text-transform:uppercase;display:inline-block;position:relative;text-decoration:none}#navigation ul.menu>li>a:before{content:"";position:absolute;bottom:18px;left:50%;height:2px;width:0}#navigation .button-menu-mobile{display:none;float:left;line-height:60px;text-align:center;color:#313131;font-size:24px}#navigation .menu .sub-menu{visibility:hidden;opacity:0;position:absolute;left:0;z-index:9999;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);box-shadow:0 3px 3px rgba(190,190,190,.6);-webkit-box-shadow:0 3px 3px rgba(190,190,190,.6);-moz-box-shadow:0 3px 3px rgba(190,190,190,.6);border-top:1px solid #ececec;margin-top:0}#close-sidebar-nav,#sidebar-nav{top:0;left:0;height:100%;z-index:100000}#navigation ul.menu ul a{margin:0 20px;padding:12px 0;font-size:12px;min-width:200px;line-height:1.4;border-bottom:1px solid #e0e0e0;text-align:left;border-left:0!important;position:relative;overflow:hidden;vertical-align:top}#navigation ul.menu ul li{padding-right:0;margin-right:0;background:#fff;float:none;position:relative;width:100%}#navigation .menu ul.sub-menu>li:last-child>a{border-bottom:0;padding-bottom:15px}#sidebar-nav{position:fixed;width:270px;overflow-y:auto;padding:30px 20px 20px;background:#fff;transform:translateX(-270px);-webkit-transform:translateX(-270px);-moz-transform:translateX(-270px)}#sidebar-nav::-webkit-scrollbar{width:6px;background:#848484}#sidebar-nav::-webkit-scrollbar-thumb{background-color:#313131;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}#sidebar-nav::-webkit-scrollbar-corner{background-color:#dedede}#sidebar-nav-logo{padding:0 20px 20px;text-align:center;margin:0 0 15px;position:relative}#sidebar-nav-logo:before{content:"";width:60px;height:1px;background:#6eb48c;position:absolute;bottom:0;left:50%;margin-left:-30px}#sidebar-nav .menu{margin:0;list-style:none}#sidebar-nav .menu li{display:block;border-bottom:1px solid #dedede}#sidebar-nav .menu ul>li:last-child,#sidebar-nav .menu>li:last-child{border-bottom:0}#sidebar-nav .menu li a{font-size:14px;font-weight:400;letter-spacing:0;text-transform:uppercase;color:#313131;margin:0;position:relative;padding:12px 0;display:block;line-height:1.3em}#sidebar-nav .menu li.menu-item-has-children a{padding-right:17px}#sidebar-nav ul.sub-menu{border-top:1px solid #dedede;display:none;padding:10px 0 10px 12px}#sidebar-nav ul.sub-menu li{overflow:hidden;border:0}#sidebar-nav ul.sub-menu li a{margin:0;padding:10px 0}#header,.featured-area{margin-bottom:60px}#close-sidebar-nav{position:fixed;visibility:hidden;opacity:0;text-decoration:none;font-size:1.4em;color:#313131;padding:10px;background:rgba(0,0,0,.8);right:0}#close-sidebar-nav i{display:none;width:24px;height:24px;background-color:#fff;line-height:24px;text-align:center;border-radius:12px;font-size:14px}#top-search{float:right;width:20px;text-align:center}#top-search>a{height:58px;font-size:16px;line-height:58px;color:#313131;background:0 0;display:block}#top-search>a>i{width:20px}.show-search,.show-search #searchform input.search-input{width:100%;z-index:3;height:58px;position:absolute;top:0;left:0}.show-search{background:#fff;text-align:left;display:none}.show-search #searchform input.search-input{padding:15px 35px 15px 0;border:0;color:#313131;line-height:28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:0 0;font-weight:400;letter-spacing:1px;font-size:13px}.show-search a.close-search{position:absolute;width:20px;height:60px;display:inline-block;right:0;top:0;z-index:5;text-align:center;line-height:60px;font-size:16px;color:#313131}#header,#header .inner-header,.featured-area,.penci-slider,.penci-slider ul.slides li{position:relative}#header .inner-header{width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#header .inner-header .container{padding:73px 0;text-align:center;position:relative;overflow:hidden}#logo{text-align:center}.featured-area{margin-top:-50px;background:url(wp-content/themes/soledad/images/loading.gif) center center no-repeat #fafafa}.header-style-header-1 .featured-area{margin-top:-60px}.featured-area>div{visibility:hidden}.featured-area.style-5{min-height:550px}.penci-slider{zoom:1;z-index:0;margin:0;padding:0;overflow:hidden;background:0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:0}.penci-slider ul,.penci-slider ul.slides{list-style:none!important;margin:0!important;padding:0!important;line-height:1.5}.penci-slider ul.slides:after,.penci-slider ul.slides:before{content:none!important}.penci-slider ul li{margin:0}.penci-slider ul.slides li:after,.penci-slider ul.slides li:before{content:"";position:absolute;width:100%;height:100%;z-index:5;top:0;left:0;opacity:0}.penci-slider ul.slides li:before{background-image:url(wp-content/themes/soledad/images/slider-pattern.png);z-index:7;opacity:0}.penci-slider ul.slides li:after{background:#000}.penci-slider ul.slides li img{width:100%;height:auto;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;vertical-align:top;margin:0!important;padding:0!important}.penci-slider ul.slides li .pencislider-container{position:absolute;top:30%;width:100%;text-align:left;z-index:10;padding:0 105px}.penci-slider ul.slides li .pencislider-container .pencislider-content{display:block;margin:0 auto;max-width:1170px}.penci-slider .pencislider-container .pencislider-content .pencislider-title{font-weight:700;font-size:30px;line-height:1.2em;text-transform:uppercase;margin:0;letter-spacing:1px}.penci-slider .pencislider-container .pencislider-content .pencislider-caption{font-size:16px;line-height:1.3em;margin:9px 0 0;font-style:italic}.penci-slider .pencislider-container .pencislider-content .penci-button{margin:26px 0 0;background:0 0;padding:0;vertical-align:top}.penci-slider .pencislider-container .pencislider-content .pencislider-button{text-decoration:none;display:inline-block;padding:12px 20px 10px;text-transform:uppercase;font-family:Raleway,sans-serif;letter-spacing:1px;font-size:14px;line-height:1.3;border:0;font-weight:700;position:relative}.penci-slider .pencislider-container .pencislider-caption,.penci-slider .pencislider-container .pencislider-content .penci-button,.penci-slider .pencislider-container .pencislider-title{text-align:left;opacity:0}.penci-slider .pencislider-container.align-right .penci-button,.penci-slider .pencislider-container.align-right .pencislider-caption,.penci-slider .pencislider-container.align-right .pencislider-title{text-align:right}#searchform input.search-input{border:1px solid #e9e9e9;background:url(wp-content/themes/soledad/images/searchsubmit.png) 94% 15px no-repeat #fff;padding:14px 43px 14px 20px;color:#313131;letter-spacing:1px;font-size:12px;font-weight:400}@media only screen and (min-width:961px) and (max-width:1169px){.container{width:940px}#navigation ul.menu>li{margin-right:26px}}@media only screen and (min-width:961px){#navigation .menu{display:inline-block!important}}@media only screen and (max-width:960px){#navigation .button-menu-mobile{display:inline-block}#navigation .menu{display:none!important}}@media only screen and (min-width:768px) and (max-width:960px){.container{width:726px}.featured-area.style-5{min-height:420px}#logo img{max-width:600px;height:auto}.penci-slider .pencislider-container .pencislider-content .pencislider-title{font-size:26px}.penci-slider .pencislider-container .pencislider-content .pencislider-caption{font-size:16px}}@media only screen and (max-width:767px){.container{width:300px}.featured-area.style-5{min-height:180px}#logo img{max-width:290px;height:auto}.penci-slider ul.slides li .pencislider-container{padding:0 65px}.penci-slider .pencislider-container .pencislider-content .pencislider-title{font-size:18px;letter-spacing:1px}.penci-slider .pencislider-container .pencislider-content .pencislider-caption{font-size:13px}.penci-slider .pencislider-container .pencislider-content .penci-button{margin:20px 0 0}.penci-slider .pencislider-container .pencislider-content .pencislider-button{padding:8px 20px;font-size:12px}.penci-slider .pencislider-container .pencislider-content .pencislider-button:before{content:none;display:none}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:480px}.featured-area.style-5{min-height:280px}#logo img{max-width:460px;height:auto}}@media only screen and (max-width:479px){.penci-slider ul.slides li .pencislider-container{padding:0 20px}.penci-slider .pencislider-container .pencislider-content .pencislider-title{font-size:14px;letter-spacing:1px}.penci-slider .pencislider-container .pencislider-content .pencislider-caption{font-size:12px;margin:3px 0 0}.penci-slider .pencislider-container .pencislider-content .penci-button{margin:14px 0 0}.penci-slider .pencislider-container .pencislider-content .pencislider-button{padding:5px 10px;font-size:10px}#sidebar-nav{width:270px;transform:translateX(-270px);-webkit-transform:translateX(-270px);-moz-transform:translateX(-270px)}}@media screen and (max-width:600px){#close-sidebar-nav,#sidebar-nav{z-index:9999999}#close-sidebar-nav i{display:inline-block}}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi8cqLH4MEiSE0ROcU-qHOA.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlDMrAYtoOisqqMDW9M_Mqc.ttf) format('truetype')}#searchform input.search-input,body{font-family:'Open Sans',sans-serif}a{text-decoration:none;outline:0;color:#c92424}#navigation ul.menu>li>a:before{background:#d00}#navigation ul.menu ul a:before{background-color:#d00;-webkit-box-shadow:5px -2px 0 #d00;-moz-box-shadow:5px -2px 0 #d00;-ms-box-shadow:5px -2px 0 #d00;box-shadow:5px -2px 0 #d00}

frank

Worked like a charm! Thank you very much, Frank!