This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Origami – Featured images not displaying in iOS

Open 6 replies themetheme-origami
11 years ago · Last reply by Josh Wentz 11 years ago

As described in the thread title: In iOS Safari, featured images are not displaying when looking at blog posts. My site is joshwentzphotography.com.
Thank you for any help.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Josh Wentz 11 years, 11 days ago

    To clarify: I am seeing the issue on my iphone, but not on an ipad. There are no problems when displaying on a MacBook Pro, either in Chrome or Safari.

  2. Josh Wentz 11 years, 9 days ago

    Update; I disabled the mobile theme plugin in Jetpack, and now the featured images do display; however, they are all cropped horizontally. Some are vertical, and I’d like them all to be displayed without cropping.

  3. Greg Priday Staff 11 years, 6 days ago

    Hi Josh,

    Glad to hear you got your original issues sorted. I have heard of these sorts of issues coming up from time to time with Jetpack’s Photon module.

    By default, Origami does crop your featured images to a specific size. There is a plugin that lets you change the size of these featured images though. It’s fairly easy to use and it’s free. You’ll be able to use it to set the image size you want and disable cropping.

    https://wordpress.org/plugins/simple-image-sizes/

  4. Josh Wentz 11 years, 6 days ago

    Thanks, Greg, that plugin worked!

    I have one other problem: On my site’s home page I’m using the Cactus Masonry plugin. The left-most column of the masonry layout is a few pixels higher than the other columns. When I asked Cactus about this, here’s what they said:

    “The problem lies with your theme – or more specifically one line in your theme’s style.css file. On lines 634 to 640 of the style.css you will find:
    .content *:first-child{
    margin-top: 0px;
    }

    .content *:last-child{
    margin-bottom: 0px;
    }

    These two entries target something very non-specific – which in some cases will affect the wrong elements including the gallery. Perhaps the selectors need to be changed here to target something more specific.”

    Do you have ideas about what I should change?

  5. Greg Priday Staff 11 years, 5 days ago

    I can see what's happening there. I'll see if I can whip up a fix when I'm at my laptop. Should be easy enough.

  6. Josh Wentz 11 years, 4 days ago

    Great, thanks!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread