Infinity Pro full width picture

[fotograf]

Hi
I want to include some full width picture in the bottom of a page, not footer.
Is there css-code ?

http://helle.prolightweb.dk/vidste-du/

[Brad Dalton]

In which genesis hook position

---

Tutorials for StudioPress Themes & WooCommerce.

[fotograf]

Hi
Sorry - can't get it work:

Set this in functions.php:
add_action( 'genesis_before_footer', 'wpsites_before_footer' );
function wpsites_before_footer() {
echo'test af placering';
}

and this in extra css:
.before_footer{
width: 100%;
color: yellow;
}

The text is under the footer - and not yellow.

Vidste du …

and this is pictures I want to show in 100% width.

Hoope you can help 😉

[Brad Dalton]

You need to print the class in the PHP

---

Tutorials for StudioPress Themes & WooCommerce.

[fotograf]

It's over my knowledge of WordPress, sorry!

[Brad Dalton]

Use this in functions.php

function add_text_genesis() {
    echo '<div class="add-text">Add Text</div>';
}
add_action('genesis_header', 'add_text_genesis');

And style your HTML element in style.css like this :

.add-text {
    background-color: red;
    color: white;
}

The hook in this case is genesis_header.

Change genesis_header to genesis_before_footer or any other Genesis hook in your PHP code.

---

Tutorials for StudioPress Themes & WooCommerce.

[fotograf]

Thank you for your patience 😉
It's a picture I want in 100% width at the end of the page, over footer.
Please see the page here:

Vidste du …

[Brad Dalton]

There's at least 3 methods.

1. Once you print the custom class using your PHP code, you can then use CSS to add your image.

https://www.w3schools.com/howto/howto_css_hero_image.asp

Or

2. Alternatively, you can use PHP code to print the image like this :

$image = get_stylesheet_directory_uri() . '/image.jpg';

echo $image;

In this case a image named image.jpg is uploaded to your child themes root directory.

3. Another option is to find a Genesis child theme which already includes the code to do this.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts