WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Where to add CSS tag to create a frame around uploaded images?

[Resolved] Where to add CSS tag to create a frame around uploaded images?

  • Hi, I would like to add a Polaroid frame around my uploaded images.
    I have some CSS (shown below) which can be attached to an item, but I only want this to apply to the images uploaded by Postie, not all the site’s images.

    If I can get this working, my client will be donating to the Postie Coffe fund.

    .polaroid {
    position: relative;
    background: #fff;
    width: 200px;
    padding: 7px;
    margin: 10px;
    text-align: center;
    -moz-box-shadow: 1px 1px 3px #222;
    -moz-transform: rotate(-5deg);
    -webkit-box-shadow: 1px 1px 3px #222;
    -webkit-transform: rotate(-5deg);
    box-shadow: 1px 1px 3px #222;
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    }

    https://wordpress.org/plugins/postie/

Viewing 1 replies (of 1 total)
  • Plugin Author Wayne Allen

    @wayneallen-1

    Thinking out loud here…

    You need to know which images were uploaded by Postie. The only way I can think to do this is to create a custom field on the images in the postie_post_before filter (http://postieplugin.com/filter-postie_post/)

    Then modify your theme to add the appropriate css classes if the custom field is present on the image.

Viewing 1 replies (of 1 total)
  • The topic ‘[Resolved] Where to add CSS tag to create a frame around uploaded images?’ is closed to new replies.