Related Posts

Hey Trent,
Sorry, the related posts element is not available when using the advanced layout builder. But you could copy the element and paste in a code block element to display in the advanced layout builder.
To do so, open a post that was built using the default editor, and inspect the element right clicking on the div and choosing “edit as HTML” from the menu, then copy the code and paste in a code block element.

This will use the same posts that you copied, which might be ok if you have some top posts that you want to display, but you’ll have to do this step with a few different times if you want to show different related posts on every post.

Another option might be to add a blog posts element to the bottom of your post, with the option to show a thumbnail image, and except, in a matching category. For my example here are the settings I used:

Here is the css I used:

.av-alb-blogposts .post-entry div.entry-content,.av-alb-blogposts .post-entry span.post-meta-infos {display: none !important;}
.av-alb-blogposts .post-entry .blog-meta .small-preview img {border-radius: 50%;}
.av-alb-blogposts .post-entry .blog-meta .small-preview {background:transparent!important;}
.av-alb-blogposts .post-entry h2.entry-title {margin-top: 10%;}

Here is the result:

not quite as nice as the first option, but it does pull from the categories or tags that you choose.
you may also need to adjust the css by adding “#top.single” to the beginning of each rule so it won’t interfere with the element used on pages.

Best regards,
Mike