How to keep Head-BG showing on Non Home Pages?

Tagged: background, header, image

This topic has 4 replies, 2 voices, and was last updated 9 years, 11 months ago by Mike.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
April 28, 2014 at 3:53 am #11941
Mike
Customer
Hi

As per http://demo.appfinite.net/squareone/sample/, how do I keep the image header section showing?

thks
April 28, 2014 at 4:09 am #11944
Mike
Customer
For example, trying to show the .head-wrap grey line, with the image coming out underneath it for 140px like the demo. Thanks for any tips.
```
Site Header
---------------------------------------------------------------------------------------------------- */

.head-bg {
	background-attachment: fixed;
	background-image: url(images/home-img-1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.head-wrap {
	padding: 0 0 20px;
	background-color: #F3F3F3;
    border-bottom: 1px solid #ADB2BC;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    height: 30px;
    line-height: 30px;
    min-width: 980px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;

}

.site-header {
	margin: 0 auto;
	max-width: 1140px;
}

.site-header .wrap {
	margin: 0 0 14px;
	padding: 30px 0 0;
	padding: 1.875rem 0 0;
}

.site-header .widget {
	color: #fff;
	margin: 0 0 20px;
}
```
April 28, 2014 at 1:36 pm #11971
kronos
Customer
That shows up from the image you add in your css under the .head-bg

background-image: url(images/home-img-1.jpg);
April 28, 2014 at 8:03 pm #11984
Mike
Customer
Thanks Kronos. Don’t think I explained this well.

I’ve added a grey nav-menu bar via the header wrap. On localhost so can’t show unfortunately.

While keep the grey nav-menu header, I’m trying to either:

a) stil show the background image from .head-bg
OR
b) make a pages featured image display up under the header, like the squareone demo example

All ideas appreciated, thanks!
April 28, 2014 at 8:50 pm #11986
Mike
Customer
SOLVED:

Found this code. Added it to Functions.php, then amended featured image CSS.
```
// Display Featured Image on Post */
add_action( 'genesis_before_entry', 'featured_post_image', 8 );
function featured_post_image() {
  is_singular(array( ‘post’, ‘page’ ));
	the_post_thumbnail('post-image');
}
```
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to keep Head-BG showing on Non Home Pages?’ is closed to new replies.