[Resolved] Buttons, links, and widgets over featured image

Home Forums Support [Resolved] Buttons, links, and widgets over featured image

Home Forums Support Buttons, links, and widgets over featured image

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #582056
    bradborland

    Hello,

    I was wondering if it’s possible to put a link, button, or widget over a featured image. The big featured image at the top of the page is similar to the one here:

    https://docs.generatepress.com/article/replicating-the-screenshot/

    #582060
    David
    Staff
    Customer Support

    Hi Brad you can use the GP Page Headers – this will tell you more

    https://docs.generatepress.com/article/page-header-overview/

    #582063
    bradborland

    But this deals with the header image. What about a big featured image at the top of a front page? Or does this do that too?

    #582072
    David
    Staff
    Customer Support

    The Page Header sits below the site Header, and replaces the featured image.
    Just don’t add an Image to the Page Header but select the Add Background Image in the Content pane, and it will use the featured image of the post you set the header on.

    #582081
    bradborland

    Okay, I have to be humbly honest, I am confused.

    Basically I wanted the big featured image (on my front page) to have a button or link so people can take advantage of an offer or something.

    Sorry for my ignorance :/

    #582084
    bradborland

    Or if I could somehow make the large featured image link to another page or something…

    #582094
    David
    Staff
    Customer Support

    OK not a problem. Lets take it a step at a time.
    1. Add a Featured image to your front page.
    2. Create a GP Page Header and name something appropriate.
    3. Go to the content panel.
    4. Add some content. Which can include HTML so a title some text and a button for example

    <h1>My Title</h1>
    <p>Some text goes here</p>
    <a href="URL TO PAGE" class="button">My Call to Action text</a>

    5. Select Add Padding
    6. Select the Add Background Image
    7. Set the Container to Full Width and leave the Inner Container as Contained
    8. Add Top & Bottom Padding say 100px

    Save it and then back to the front page, edit and look for the Layout meta > Page Headers and select your new page header.

    #582099
    bradborland

    Man! Thanks so much!!!

    #582100
    bradborland

    So the color of the button and font type are all taken from customize?

    #582101
    bradborland

    I guess there’s no way to put in a menu on the featured image..? Maybe a menu widget?

    #582153
    David
    Staff
    Customer Support

    Yes the button class gets it styling from the customiser.
    Menu Widget in their. You could use this plugin to create a widget shortcode for that.

    https://wordpress.org/plugins/widget-shortcode/

    #582163
    bradborland

    Thanks so much for all of your help.

    #582167
    David
    Staff
    Customer Support

    Glad to help!

    #1220275
    James

    How does David’s method above work with the elements feature? I’m trying to overlay my site logo onto the featured image in the navigator theme (yes ive changed from dispatch now!)

    Not having any luck with creating a new header element.

    #1220563
    David
    Staff
    Customer Support

    Page Headers were the old Header Elements so some of it still applies…..
    Might be worth raising a new topic where you can share a link to the site

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.