Image border and shadow

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
April 22, 2014 at 10:53 am #5231
Beverly
Guest
I want to have a border and shadow on my images but I can’t seem to find an answer for how exactly to do that. It seems that I am supposed to add the following code to the style. css but it doesn’t work:
```
#content .gallery .gallery-icon img {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
   border: 1px solid #000;
   padding: 0px;
   -moz-box-shadow: 3px 3px 8px #2e2e2e;
   -webkit-box-shadow: 3px 3px 8px #2e2e2e;
   box-shadow: 3px 3px 8px #2e2e2e;
}
```
I would appreciate help because I am not an IT person. Thanks.
April 22, 2014 at 12:58 pm #5232
Ron
Keymaster
The code you have above does work but it only targets images on a gallery.
To include single images on a post you can try this code. Either add it on Frontier Options -> Custom CSS or on a child-theme’s style.css
```
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
   border: 1px solid #000;
   padding: 0px;
   box-shadow: 3px 3px 8px #2e2e2e;
}
```
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Frontier’ is closed to new topics and replies.