[Resolved] Image formatted automatically in the post

[Feber]

How to create all images in my post formatted automatically like this https://prnt.sc/Kfp2k2yTo1ff ?

https://www.wix.com/blog/2018/08/blog-examples/

I can do it manually if I have only 1 image in the post. But all my post has more than 6 images.

How to make automatically formatted in the post without doing it manually for each image ?

[Ying]

Hi Feber,

I’m not sure I fully understand your question.

The screenshot you shared looks like a blog page, can you describe more specifically what style of the image are you trying to replicate?

And what about the wix blog link? Anything from that blog we should be looking at?

Let me know 🙂

[Feber]

Hi there,

Please check this https://prnt.sc/UQyLl46gAHmq

Thanks

[Ying]

Do you mean the boarder or the shadow?

[Feber]

Border or shadow or both is okay.
I just want to know how to make all images in the post automatically have border or shadow or both without setting it manually one by one.

Thanks

[Feber]

I got it

img {
padding:5px;
background-color:#F1F1F1;
}
img {
border: 1px outset #c8c8c8;
border-radius:5px;
box-shadow: 5px 5px 5px #B2B2BE;
}

I found it here https://blogtimenow.com/wordpress/add-border-frame-shadow-effects-wordpress-images/

[Feber]

But it also affected to my logo.
How to make it only in the page or post ?

Thanks

[Ying]

You can try switch the imgto .site img in your CSS.

[Feber]

Hi there it works.
But how to exclude it from image in the footer ?

[Fernando]

Hi Feber,

Can you try this CSS selector instead?:

.site .site-content img {
	/* insert code here */
}

This selector should exclude the footer.

For single posts:

.single-post .site .site-content img {
	/* insert code here */
}

Kindly let us know how it goes. 🙂

[Feber]

Yeah. It works. Thank you very much

[Fernando]

You’re welcome Feber! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

[Author]

Posts