[Resolved] Single Post Header

Home Forums Support [Resolved] Single Post Header

Home Forums Support Single Post Header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2234883
    Akshay

    Hi,

    I’m using merch template for my website. Is it possible to get shop template single post header look?

    Thanks

    #2234999
    David
    Staff
    Customer Support

    Hi there,

    the Merch site hero is quite complex and you would need to:

    1. Delete ( or change status to draft ) the following 3 x elements found in Appearance Elemets:

    Single Post Header Featured Image
    Single Post Entry Header
    Remove Single Post title

    2. Create a new Block Element – Page Hero:

    https://docs.generatepress.com/article/block-element-page-hero/

    2.1 To save some time, edit the Element in Code view ( selectable from the 3 dot menu in the top bar ). And paste in the following code in the editor:

    <!-- wp:generateblocks/container {"uniqueId":"26d186d4","paddingTop":"120","paddingRight":"30","paddingBottom":"120","paddingLeft":"30","backgroundColor":"#6b5a5b","bgImage":{"id":4196,"image":{"url":"https://gpsites.co/shop/wp-content/uploads/sites/73/post-2.jpg","height":600,"width":900,"orientation":"landscape"}},"bgOptions":{"selector":"pseudo-element","opacity":0.1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"innerZindex":1,"alignment":"center","isDynamic":true,"blockVersion":2,"gpDynamicImageBg":"featured-image"} -->
    <!-- wp:generateblocks/headline {"uniqueId":"a480d372","element":"h1","textColor":"#ffffff","gpDynamicTextType":"title","gpDynamicTextReplace":"Hello World"} -->
    <h1 class="gb-headline gb-headline-a480d372 gb-headline-text">Hello World</h1>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/container {"uniqueId":"d6af8a93","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","paddingSyncUnits":true,"textColor":"#ffffff","isDynamic":true,"blockVersion":2,"gpInlinePostMeta":true,"gpInlinePostMetaJustify":"center"} -->
    <!-- wp:generateblocks/headline {"uniqueId":"841a550b","element":"p","lineHeight":1,"marginBottom":"0","paddingRight":"5","className":"","gpDynamicTextType":"post-date","gpDynamicTextReplace":"Post date"} -->
    <p class="gb-headline gb-headline-841a550b gb-headline-text ">Post date</p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"989b6a6e","element":"p","textColor":"#ffffff","linkColor":"#ffffff","linkColorHover":"#ffffff","lineHeight":1,"marginBottom":"0","paddingLeft":"5","borderSizeLeft":"1","className":"","gpDynamicTextType":"post-author","gpDynamicLinkType":"author-archives","gpDynamicTextReplace":"Post author name"} -->
    <p class="gb-headline gb-headline-989b6a6e gb-headline-text ">Post author name</p>
    <!-- /wp:generateblocks/headline -->
    <!-- /wp:generateblocks/container -->
    <!-- /wp:generateblocks/container -->

    Then switch back to visual editing. Thats the Shop site hero.

    #2235150
    Akshay

    Thanks David. It worked.

    #2235417
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.