Additional post layouts

Hey,

We do have plans for adding a few cool designs for Post Layouts.

Meanwhile, you can almost achieve this layout using UAG action hooks and custom CSS. I can help you with that.

You can add the below code to your functions.php file from the theme/child theme –

add_action( 'uagb_single_post_before_title_grid', function( $id, $settings ) {

	$avatar = get_avatar( get_the_author_meta( 'ID' ) ); ?>
	<div class="uagb-post__authorbox-image">
		<?php echo $avatar; ?>
	</div>
	<?php
}, 10, 2 );

Also, add the below CSS to your page from the theme/child theme –

.uagb-post__authorbox-image {
    isplay: inline-block;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 30px;
    top: -23px;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    background-clip: padding-box;
}
.uagb-post__text {
    position: relative;
    padding-top : 35px!important;
}

This will give you a reasonably similar design shown in the link.

Let me know if that helps.

Regards,
Vrunda Kansara

• This reply was modified 5 years, 11 months ago by Team Brainstorm Force.

Hi Vrunda,

Thank you for the code, works like a charm!
Also just gave me an easy introduction into your hooks.

Regards

Hey,

I am glad that was helpful.

Here is a link to the document for all the action hooks – https://www.ultimategutenberg.com/docs/filters-actions-for-post/

Unleash your creativity! ??

Regards,
Vrunda Kansara