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

  1. KevEd
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Postie
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic