PicPress is a tool used by some photographer to upload images to a blog post in a grid style layout.  Unfortunately at this time PicPress doesn't generate responsive code and for that reason it doesn't play with our responsive website system.

At this time we suggest that all new posts are written via the Wordpress interface until PicPress outputs responsive and mobile friendly code.

Users who are migrating a blog to Showit can apply some specific code to help make sure their blog post images will scale to fit with the Showit design, although the images will lose their grid style layout.

At this time we suggest that you add all new posts via the Wordpress interface until PicPress outputs responsive and mobile friendly code.

 

Apply a Fix for Old Posts

This solution will make sure that your image will scale down with the Showit site for mobile devices and small desktop screens. 

  1. Inside of Showit select the Single Post blog template page.
  2. Go to the right sidebar, Advanced Settings section.
  3. Paste the following code into the Custom CSS box:

[data-wp='post_content'] div {
    max-width: 100% !important;
}
[data-wp='post_content'] div img[title=''] {
    display: none;
}

 
4. Publish your changes to the blog

IMPORTANT: This code could affect other objects in post content field.  If you see anything else strange go on please feel free to contact our support team and we'll do everything we can to assist you.

Did this answer your question?