[Resolved] How to Create Create or shadow around post images?

[Ravi Dixit]

I wanna to know how we can create a border around post images? like this
And How can I create shadow around blog posts images?

[Leo]

Hi there,

Any chance you can link me to the page in questions?
You can edit the original topic and use the private URL field.

Are you wanting it on both posts page and single post?

Let me know 🙂

[Ravi Dixit]

I want to add shadow or border for the images of single post only.
The site link is staymeonline.com
Please share both border and shadow…

[David]

Hi there,

you can use this CSS:

.page-header-image-single {
    border: 1px solid #000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

[Ravi Dixit]

Will it work for the all images added in a single blog post?

[David]

No, this would only target the featured image.
Can you share a link so we can assist?

[Ravi Dixit]

I want to show the shadow or border around every images only in single posts. Here is the links…
http://www.staymeonline.com/how-to-promote-affiliate-links

[David]

You can try this selector instead just apply the properties above:

.single-post .entry-content > img

[Ravi Dixit]

.page-header-image-single {
border: 1px solid #000;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

Hey, David!
Thanks for the above code it is working fine and featured images is looking awesome, I loved it.

But I want the same code for the all images on single post…

I have implemented the code you shared…

.single-post .entry-content > img{
border: 1px solid #000;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

But it is not working, please help in this…

End the end: Glad to have GP support team, Great work guys. 🙂

[David]

Try: .single-post .entry-content img

[Ravi Dixit]

No, finally got the what I was looking for… 🙂
Thanks For Your Great Support.
Thanks A Lot?

[David]

Awesome, glad to be of help.

[Author]

Posts