Archived topic
How to Create Create or shadow around post images?
11 replies · Started by Ravi Dixit on July 22, 2018
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?
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 :)
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...
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);
}
Will it work for the all images added in a single blog post?
No, this would only target the featured image.
Can you share a link so we can assist?
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
You can try this selector instead just apply the properties above:
.single-post .entry-content > img
.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. :)
Try: .single-post .entry-content img
No, finally got the what I was looking for... :)
Thanks For Your Great Support.
Thanks A Lot?
Awesome, glad to be of help.