Hi, I have seen a module like this on a different site, and I would like to replicate it on mine, which is built on the newspaper theme. How should I go about doing so? As far as I am aware there is not a dedicated element built for this result, is there? I need the author image on the left (or right), the post category on top, then the post title, and then the excerpt, which should wrap around the image for a total of 5 to 6 lines.
Please advise. Thanks.
Hello,
You can design the author template as you want https://i.imgur.com/JJfwkrD.png with tagdiv Composer.
Thank you!
Hi Anamaria, that module is a module of the author – a short bio or description plus their name and social icons. That is not what I described or asked advice for. I need to use or create a module to display the author’s profile picture and their latest article (article category name, article title, article excerpt).
If I create a module from scratch, what is the best way to save it as an entity to make it reusable for future use? I am looking into some other way to do so than have it exist in a demo (hidden) template, and then copy that over to the page template I will be working on each time.
Thanks.
Hi Redlemon,
I think that you want to have a block like this one -> https://i.imgur.com/4HwtY5D.png, you can do it using a flex block 1 and some css. First remove the featured image -> https://i.imgur.com/EaZMfnK.jpg then adjust the author image and hide extra data -> https://i.imgur.com/Kl5PMv1.jpg after that set a class on the block -> https://i.imgur.com/HhGzONz.png and add some custom css, mine was this one
.my-module .td-author-date .td-post-author-name{
display: none;
}
.my-module .td-module-title, .my-module .td-post-category {
margin-left: 160px;
position: absolute;
}
.my-module .td-module-title{
margin-top: 24px;
position: absolute;
}
I hope this will help you!
Let us know the results!
Hi Calin,
Thank you for the short tutorial. I’ve followed it through, and it stands as another option. In the meantime I used the same block and an image in a four column array with inline rows and inline columns to achieve a similar effect. I reckon yours is somewhat more maintainable, so maybe I’ll go with that instead.
Cheers,
Konstantinos.
