• 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

Link in background image. Magazine pro

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 › Link in background image. Magazine pro

This topic is: not resolved

Tagged: background image, custom background

  • This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by habitual.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 6, 2018 at 12:52 am #221356
    habitual
    Member

    Hi!

    I want to put a link in background image, I try to use div with link and play with z-index but it doesnt works..ñ 🙁

    Any one can help me please??

    thanks,
    David

    i cant put a link because is in dev mode sorry


    http://www.ilusual.com

    July 7, 2018 at 11:33 pm #221448
    Brad Dalton
    Participant

    How are you adding the background image and where do you want it linked to?


    Get Help – Book Consultation.

    July 9, 2018 at 2:55 am #221479
    habitual
    Member

    Hi,

    I add the background image from Appearance > Customize

    And i want to link to outsite web.

    Thanks!!


    http://www.ilusual.com

    July 9, 2018 at 7:34 am #221480
    Brad Dalton
    Participant

    You might be able to use the wp-head-callback to add a function which includes your linked image https://developer.wordpress.org/reference/functions/add_theme_support/#custom-background


    Get Help – Book Consultation.

    July 10, 2018 at 3:53 am #221512
    habitual
    Member

    Thanks, but i dont know how to do this.


    http://www.ilusual.com

    July 12, 2018 at 9:52 am #221643
    habitual
    Member

    Finally... it works!!

    I left the solutions here, we need to modify two files, header.php and style.css:

    header.php

    ...

    do_action( 'genesis_after_header' );
    ?>
    < a href="https://www.urldestination.com" target="_blank"> < / a >
    <?php

    ...

    genesis_markup( array(
    'open' => '<div %s>',
    'context' => 'site-inner',
    ) );

    genesis_structural_wrap( 'site-inner' );

    and in style.css

    .takeover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    }
    .site-inner {
    position: relative;
    z-index: 999;
    }

    Thanks,
    David


    http://www.ilusual.com

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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