• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Infinity Pro full width picture

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Infinity Pro full width picture

This topic is: not resolved

Tagged: background image, genesis_before_footer, Infinity Pro

  • This topic has 7 replies, 2 voices, and was last updated 3 years, 10 months ago by Brad Dalton.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 10, 2019 at 1:13 am #491076
    fotograf
    Participant

    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/
    May 10, 2019 at 2:59 am #491078
    Brad Dalton
    Participant

    In which genesis hook position


    Tutorials for StudioPress Themes.

    May 19, 2019 at 5:57 am #491225
    fotograf
    Participant

    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 😉

    May 19, 2019 at 7:10 am #491227
    Brad Dalton
    Participant

    You need to print the class in the PHP


    Tutorials for StudioPress Themes.

    May 19, 2019 at 7:16 am #491228
    fotograf
    Participant

    It's over my knowledge of WordPress, sorry!

    May 19, 2019 at 7:24 am #491229
    Brad Dalton
    Participant

    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.

    May 19, 2019 at 7:54 am #491230
    fotograf
    Participant

    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 …

    May 20, 2019 at 2:19 am #491238
    Brad Dalton
    Participant

    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.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble