Adding styling (drop shadows) to the blog archive page posts

Hi there,

i can see a drop shadow added to the blog post images - did you want this to extend around the entire article ?

Yes David, that's what I'm hoping to do?

Hi Ian,

You could try this CSS:

.generate-columns .inside-article {
    box-shadow: 0px 0px 20px rgb(200 200 200 / 20%);
}

But since you are using GB pro, if you update to GP Premium 2.0, you can start to create content templates for blog posts, and you can apply the box-shadow in that template. Here's a demo video, hope you find it helpful :)
https://youtu.be/-ZTQP_KA2xE

Perfect Ying, thanks. Just one more thing please? How do I add some padding to the content inside the same containers?

Hi there,

Do you want a padding that affects all the contents within it like this? https://share.getcloudapp.com/kpuKAp6g

If so, you can modify Ying's CSS to add the padding property.

Example:

.generate-columns .inside-article {
    box-shadow: 0px 0px 20px rgb(200 200 200 / 20%);
padding: 40px;
}

If it's something else you want to do, let us know.

Thanks Elvin

No problem. :D

Yes, it's working on my end.

Nice. Let us know if you need further help.

Stay safe! :D