Site logo

Archived topic

Post template

3 replies · Started by Shailesh on February 2, 2022

Viewing posts 1–4 of 4

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! :)

This archived topic is closed to new replies.