Archived topic
Post template
3 replies · Started by Shailesh on February 2, 2022
w
Hi there,
Do you want this to be the page hero of your post?
If so, you can use a block element - page hero to build this, set its location to post > all posts, set element type to page hero:
https://docs.generatepress.com/article/block-element-overview/
Once it's done, link us to your site, we can help with CSS to add shadows.
Hi, here is the link
Hi Shailesh,
To align the Post Meta items, you’ll need to set the inline alignment to Center.
See this as reference: https://share.getcloudapp.com/8LupqDdP
You may also refer to this document: https://docs.generatepress.com/article/block-element-post-meta-template/
Moreover, you would also need to remove the Bottom margins of the Headlines displaying the Author name and Post date.
See this: https://share.getcloudapp.com/nOu9KRWy
Finally, to add the shadow, can you try adding these CSS classes as such: https://share.getcloudapp.com/BludboKw
Also see: https://share.getcloudapp.com/12u07gKq
Then add this CSS:
.author-img-shadow img {
box-shadow: 0 0 10px #000;
}
.featured-img-shadow {
box-shadow: 0 0 10px #000;
}
Please modify the values to your preference. Here is a link for guidance: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
Moreover, here is a link you may refer to with regards to adding custom CSS: https://docs.generatepress.com/article/adding-css/
Hope this helps! :)