Best approach to modify genesis_custom_header_style function

[lmartins]

Im trying to get my header image, applied by genesis as a background, to stretch the full width of the layout.
Sadly I can't force via CSS because Genesis puts a background declaration inline, which gains priority over my background-size css property.

In lib/structure/header.php, the function genesis_custom_header() is responsible for creating this markup, and the var containing the markup is declared like this:

	//* Header image CSS, if exists
	if ( $header_image )
		$output .= sprintf( '%s { background: url(%s) no-repeat !important; }', $header_selector, esc_url( $header_image ) );

To be able to manipulate the image via css, would be as simple as changing it to:

	//* Header image CSS, if exists
	if ( $header_image )
		$output .= sprintf( '%s { background-image: url(%s); }', $header_selector, esc_url( $header_image ) );

Although im not really sure how can I approach this. Modifying Genesis code is out of question obviously.

Can you recommend any approach?

Thanks.

[SavvyJackie]

Hi,
Have you tried this:
http://coolestguidesontheplanet.com/add-full-width-responsive-header-image/

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[lmartins]

Hi,

That seems to do the trick yes, thank you @SavvyJackie
Still have to investigate how can I change Genesis functions as mentioned but in this case this solves the issue.

Thanks again.

[SavvyJackie]

There are a lot code snippets to view on StudioPress Snippets to learn more. Also visit

You can change the functions through using actions and filters. Also the Genesis Simple Edits and Simple Hooks plugins are helpful.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[Author]

Posts