Featured image as a full width background image

[gucu]

Hi

A couple of things please:
1. Can I add some code to make the featured image display in pages on no-sidebar theme please? Currently the theme shows this:

//* Add featured images
add_image_size( 'ns-featured', 1024, 576, TRUE );
add_image_size( 'ns-single', 1024, 400, TRUE );

2. Also is it possible to set the featured image to display as a background image for each page please?

I am starting to show my daughter some of WordPress and Genesis themes and how to make them do different things. She has asked me this as a question and I am reaching out for help.

Thanks

Rich

http://abistudios.co.uk/

[Brad Dalton]

Hi

1. "display in pages". Do you mean before or after the single page entry title?

Use this code with a conditional tag for single pages.

if ( is_singular( 'page' ) )

2. There are several tutorials already published showing you how to do this. The best method uses jQuery and PHP code.

---

Tutorials for StudioPress Themes & WooCommerce.

[gucu]

Hi

I have grabbed the featured image from the no-sidebar theme as per:

add_action( 'genesis_entry_header', 'ns_single_featured_image', 1 );
function ns_single_featured_image()

And changed the hook to genesis_before. However, that simply places the image in a box . Do I need to do something with the css to get this then to fill the page background please?

Surfing

Thanks

Rich

[Brad Dalton]

I would use jquery for this with the body class.

Take the code from a theme which includes backstretch and use that.

---

Tutorials for StudioPress Themes & WooCommerce.

[gucu]

Thanks for the all help. I have achieved it using backstretch.

Rich

[Brad Dalton]

Here's 2 solutions i spent a few hours working on. 1 uses backstretch and the other pure PHP.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts