Image border and shadow

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5231 Reply
    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.

    #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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
Reply To: Image border and shadow
Your information: