Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Container with title over featured image and post excerpt below featured image

  • Dear support

    How can i create a container with post title over featured image and post excerpt just below featured image.
    See attached screenshot;
    https://pasteboard.co/duZD650SjmEU.png

  • Hi there,

    You can build it using GenerateBlocks, the structure would be something like this:

    - Container A
     -- Container B (turn on the Dynamic data option, set the background image to the featured image)
       --- headline A (turn on the Dynamic data option, set it to title)
     -- headline B (turn on the Dynamic data option, set it to excerpt)

    To align the headline A to the bottom of Container B and align it to the center horizontally, you can set Container B to:

    - display: flex
    - align-items: flex-end
    - justify-content: center
  • Thanks for the response. Any chance you can share html code for this? can’t seem to figure out

  • Which part can’t you figure out? Can you show me what you have done so far?

    Let me know 🙂

  • This is what am trying to achieve actually;
    https://pasteboard.co/VLxNy0d99zc1.png

    My problem is how to add specific post excerpt just below container with post title and featured image

  • Didn’t know you are using a query loop block, in that case, Container A would be the Poste template container.

    Then you can follow the structure I layout here:https://generate.support/topic/container-with-title-over-featured-image-and-post-excerpt-below-featured-image/#post-17031

    The excerpt can be pulled using a headline block, just like the post title and list of terms in your screenshot, you just need to set it to excerpt.

  • Thank you, but not there yet!
    still no featured image as background of the title;
    https://pasteboard.co/5R6AUGPLV9YV.png

  • Hi Nixninja,

    That should work. Can you share admin login credentials through the Private Information field? We’ll check what’s going on.

  • Hello fernandoazarcon2.

    Thank you. Unfortunately, i am working on test environment with controlled access.

    Is there away you can share with me your public IP so that i can whitelist for your access?

  • Would you be able to disable the “controlled” access temporarily instead? Or, just add “credentials” type of security?

    Can you also try adding the Dynamic background to the Post Template Block to test?

  • Please use the credentials shared now to check.

  • I can’t access the site though I’ve added the IP in my hosts file.

  • Please confirm the IP, access is open

  • I can access it now. What’s the login link?

    Also, where exactly is the Query Loop located?

  • oh sorry. I forgot about that. -:)

    Check test page.

  • The Featured image you set for the Post is returning a 404 error. Try reuploading the image again.

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