Full Width Header for Outreach Theme

[Amy Bleser]

Does anyone have a tutorial or guidance on how to set up a full width header for the Outreach theme. What I am doing is obviously not working because the header is the wrong size and cutting off.

http://virtualservices4u.com/chandra/

Any help would be greatly appreciated.

Thank you!

http://virtualservices4u.com/chandra/

[Davinder Singh Kainth]

1. Add background-size: contain; to .header-image .site-header .wrap

2. Then adjust min-height / top - bottom padding values for header area as per requirement.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Amy Bleser]

Sorry for the stupid question, but where do I put that? I have the following in Simple Custom CSS plug in:

.header-image .site-header .wrap {
background: rgba(0, 0, 0, 0) url("image-name.jpg") no-repeat scroll left center / cover;
padding: 0;
max-width: 100%;
}
.site-title a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}

.header-image .site-title > a {
background-image: none!important;
min-height: 356px;
}

[Davinder Singh Kainth]

Change "cover" to "contain" in the following code (as in custom css plugin) and then check.

.header-image .site-header .wrap {
background: rgba(0, 0, 0, 0) url(“image-name.jpg”) no-repeat scroll left center / cover;
padding: 0;
max-width: 100%;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Amy Bleser]

If you were here I would kiss you! Thank you!

[Author]

Posts