[resolved] Where to add CSS tag to create a frame around uploaded images? (2 posts)

  1. KevEd
    Posted 11 months ago #

    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);


  2. Wayne Allen
    Plugin Author

    Posted 11 months ago #

    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.


You must log in to post.

About this Plugin

About this Topic