Background Image not fitting ok

brunorico

5 years ago

First of all, thanks for your great work. I'm trying to adapt your theme to my friend study https://www.sinaldaba.es I've got an issue and I can't find the solution: the first time I load my site, I can see the second at the bottom of the site If I resize the window, I it fits ok... Can you help me? It's like the image of #post2 is cropped and overlapping the #post1... so the #post1 background image does not all the height. I'm triying hard to learn but I can't get this work properly http://www.sinaldaba.es/wp-content/uploads/2019/11/Catchfull-screen-bottom.png Thanks in advance, Bruno This is the css personalization I made:

.entry-date {display:none;}
#search-toggle-right {display:none;}
.entry-meta{display:none;} .entry-meta{display:none;} .entry-date {display:none;}
#search-toggle-right {display:none;}
 .navigation-classic #search-toggle-right,
        #search-toggle.menu-toggle {
                display: none;
        }



.fluid-layout #header-content, .boxed-layout #header-content .wrapper,
.site-primary-menu.toggled-on,
#tertiary, footer-menu-wrapper,
.site-footer {
       /* background-color: #2b2b2b;*/
        margin: 2em 0em 2em 0em;
        background-color:transparent;
	border:none;
	border-style:hidden;
	border-image:none;
	border-width:0px;
	 box-shadow: none;
	
	
}
/*Remove flechitas*/
div#fp-nav.fp-right {display:none;}

/*menu single post*/
.single-format-standard.wp-embed-responsive.ect-post.fluid-layout.navigation-classic.no-sidebar.content-width-layout.excerpt-image-top.primary-menu-left.no-header-media-text.site-primary-wrapper-menu-disabled.no-featured-slider.desktop-nav-on-page-right.mobile-nav-on-header div#page.site header#masthead.site-header div#header-wrapper div#header-content div.wrapper div.site-header-main div.site-branding 
{text-align:center;margin-left:auto; margin-right:auto; 
	 display:block;}

.single-format-standard.wp-embed-responsive.ect-post.fluid-layout.navigation-classic.no-sidebar.content-width-layout.excerpt-image-top.primary-menu-left.no-header-media-text.site-primary-wrapper-menu-disabled.no-featured-slider.desktop-nav-on-page-right.mobile-nav-on-header div#page.site header#masthead.site-header div#header-wrapper div#header-content div.wrapper div.site-header-main div.site-branding div.site-identity p.site-title 
{/*background-color:transparent;*/
	background-image: url('/wp-content/uploads/2019/11/sinaldaba-arquitectos-logo-single-post-100x.png');
	background-repeat: no-repeat;
	/*background-size: cover;*/
	background-position:center;
	height:4em;
	border:none;
	border-style:hidden;
	border-style:none;
	box-sizing:content-box;
	 box-shadow: none;
	
}

.single-format-standard.wp-embed-responsive.ect-post.fluid-layout.navigation-classic.no-sidebar.content-width-layout.excerpt-image-top.primary-menu-left.no-header-media-text.site-primary-wrapper-menu-disabled.no-featured-slider.desktop-nav-on-page-right.mobile-nav-on-header div#page.site header#masthead.site-header div#header-wrapper div#header-content div.wrapper div.site-header-main div.site-branding div.site-identity p.site-title a{color:transparent;}

/*single post site description*/
.single-format-standard.wp-embed-responsive.ect-post.fluid-layout.navigation-classic.no-sidebar.content-width-layout.excerpt-image-top.primary-menu-left.no-header-media-text.site-primary-wrapper-menu-disabled.no-featured-slider.desktop-nav-on-page-right.mobile-nav-on-header div#page.site header#masthead.site-header div#header-wrapper div#header-content div.wrapper div.site-header-main div.site-branding div.site-identity p.site-description{display: none;}

/*esconder menú mobile*/
#header-content > div > div > div.site-primary-wrapper
 {display:none;}


/*sombra menu superior en single post*/
div#page.site header#masthead.site-header div#header-wrapper.header-top div#header-content div.wrapper div.site-header-main{border:none;border-style:none;}

.fluid-layout #header-content, .boxed-layout #header-content .wrapper,
.site-primary-menu.toggled-on,
#tertiary, footer-menu-wrapper{border:none;border-style:hidden;border-style:none;}


/*otros test*/

/*

#header-content {border-style:none;border:none;}
.fluid-layout #header-content, .boxed-layout #header-content .wrapper {
    -webkit-box-shadow: 0px;
    box-shadow: none;
}

*/