[Resolved] How can i add depth to blog posts in blog page?

[eden]

hello,
How can i add depth to blog posts in blog page?
I cant see this option

[eden]

plz let me know

[Leo]

Hi there,

What do you mean by depth?

Can you explain a bit more?

[eden]

Its a bit hard to explain,
By depth i mean i want the posts to look like they are a bit higher than the other elements so there will be shadows beneath them.

Do you know what i mean?

[Leo]

Ahh you are looking for shadows.

Try something like this:

.blog .inside-article,
.archive .inside-article {
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

[eden]

Thank you,
and how can I move the button “read more” in the blog page for each post to the center?

[Leo]

Can you open a new topic for the separate question?

Thanks 🙂

[eden]

opened here https://generatepress.com/forums/topic/how-can-i-move-the-button-read-more-in-the-blog-page-for-each-post-to-the/

[Leo]

Thanks 🙂

[eden]

Hi i am also looking for shadows for each element in my left sidebar in my blog page.
you can check it here https://edensharabi.co.il/blog/

[Leo]

Try this CSS:

.sidebar .widget {
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

[eden]

Worked!

[Leo]

Awesome 🙂

[Author]

Posts