[Support request] Block element for Page Hero on Author Archive page — overlap of content

Home Forums Support [Support request] Block element for Page Hero on Author Archive page — overlap of content

Home Forums Support Block element for Page Hero on Author Archive page — overlap of content

  • This topic has 2 replies, 2 voices, and was last updated 39 minutes ago by Steve.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #2301345
    Steve

    I am using an Element with Dynamic content to replace both the page hero and the query loop on author archive pages.

    So far it works pretty well, I use the GB grid and it comes out as expected. However when I add a horizontal rule or separator below the element it seems to overlap with the query loop below it.

    Here is a code export of the page hero block. I have it set to the hook Before content container.

    I would also love to setup a heading like “Username’s posts” here too so it goes above the query of author posts. Thanks for your help!

    <!-- wp:generateblocks/grid {"uniqueId":"c4ea4de0","columns":2,"horizontalAlignment":"center","isDynamic":true,"blockVersion":2} -->
    <!-- wp:generateblocks/container {"uniqueId":"f5bcdea3","isGrid":true,"gridId":"c4ea4de0","width":33.33,"widthMobile":100,"paddingTop":"30","paddingRight":"30","paddingBottom":"30","paddingLeft":"30","paddingSyncUnits":true,"isDynamic":true,"blockVersion":2} -->
    <!-- wp:generatepress/dynamic-image {"imageType":"author-avatar","avatarSize":300} /-->
    <!-- /wp:generateblocks/container -->
    
    <!-- wp:generateblocks/container {"uniqueId":"f8af3135","isGrid":true,"gridId":"c4ea4de0","width":50,"widthMobile":100,"paddingTop":"30","paddingRight":"30","paddingBottom":"30","paddingLeft":"30","paddingSyncUnits":true,"verticalAlignment":"center","isDynamic":true,"blockVersion":2} -->
    <!-- wp:generateblocks/headline {"uniqueId":"82330cfd","className":"","gpDynamicTextType":"post-author","gpDynamicTextReplace":"Post author name"} -->
    <h2 class="gb-headline gb-headline-82330cfd gb-headline-text">Post author name</h2>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generatepress/dynamic-content {"contentType":"author-description"} /-->
    <!-- /wp:generateblocks/container -->
    <!-- /wp:generateblocks/grid -->
    
    <!-- wp:separator {"backgroundColor":"contrast"} -->
    <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background"/>
    <!-- /wp:separator -->
    
    <!-- wp:spacer {"height":"29px"} -->
    <div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>
    <!-- /wp:spacer -->
    #2301353
    Fernando
    Customer Support

    Hi Steve,

    How does it look like from your end? Can you send a screenshot? I’m not seeing the overlapping issue from my end. How should it look like?

    This is what I see: https://share.getcloudapp.com/Z4uAR6Lg

    #2316038
    Steve

    Thanks Fernando.

    The issue is not between posts but between the page hero area with the headshot and bio and the rest of it.

    There is a missing border line and spacer block that does not appear below the page hero. It’s there in the source code but it’s almost as if the float is not completely cleared.

    I’ve added a screenshot below.

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