[Support request] Title within header but below featured image

Home Forums Support Title within header but below featured image

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1035069
    Marjon Tas

    Hi,

    I try to achieve something like this: http://www.snelherstel.nu/voeding

    The pagetitle and breadcrum is below the feautured image but within the page-header. I use elements and generatepress add ons.

    Thanks for helping,

    Best regards,
    Marjon

    #1035152
    David
    Staff
    Customer Support

    Hi there,

    you would need to add some HTML to the Header Element and then some CSS. Start with this HTML:

    <div class="hero-conent">
        <div class="grid-container">
            <h1>{{post_title}}</h1>
            <!-- Add the Breadcrumb shortcode here -->
        </div>
    </div>

    Then you can give it some style:

    .hero-content {
        background-color: #fff;
        padding: 10px 0;
    }

    In the Header Element you need to set it to full width and the inner container full width and only apply top padding to increase the height.

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