Images distorted in Divi theme

  • This issue has been persistent for weeks with AMP for WP and the Divi theme. I have cleared ALL caches, HTML-page-caching, CDN (statics), and WordPress Object/Transient Caches. My images are STILL distorted. I’ve checked all my settings and tried a variety of workarounds and nothing seems to work to make my images display properly with the plugin.

    I have the latest versions of Divi and AMP for WP.
    I have tried turning off ALL plugins but AMP for WP and the issue still persists.

    From what I can see in source code you are using this to create the height of each image:

    <i-amphtml-sizer style="padding-top: 36.5625%;"></i-amphtml-sizer>

    I’ve changed that percentage in the web inspector and it changes the height of the image, and it’s sitting next to the image. That percentage is the same for all images despite some being different sizes. Why isn’t the image allowed to determine its own height?

    Here is the non-amp post here: https://j.mp/2VDztK4

    Here is the AMP post version: https://j.mp/2VMs4s9

    Also, I have the pro version of the plugin. I tried to submit a support request with VIP priority, but your support page continuously logs me out, and it asks me to pay $14 for email support. I cannot submit the request properly using your support site.

    Please advise on a fix for this image issue. And you should check out how your support pages work for logged in, paying users.

    • This topic was modified 5 years, 7 months ago by berchman. Reason: spelling

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor ampforwp

    (@ampforwp)

    Hi @berchman,

    Sorry for the inconvenience.

    We’ve already created a GitHub and it is in under testing dept, We’ll add this solution in the next update or next’s second update. However, if you want to try the code and want to check, you can copy & paste the code. Here is the URL: https://github.com/ahmedkaludi/accelerated-mobile-pages/commit/b66b3de7f8fc17002b6930651f903e9f3eefb061

    Just goto the particular file and copy & paste the code which we have added and check whether the issue fixed or not.

    And regarding this code:
    i-amphtml-sizer style="padding-top: 36.5625%;"></i-amphtml-sizer

    We’re not loading this, it will automatically and dynamically load on every AMP pages via Google AMP.

    Hope you understand

    Thank you

    • This reply was modified 5 years, 7 months ago by ampforwp.
Viewing 1 replies (of 1 total)
  • The topic ‘Images distorted in Divi theme’ is closed to new replies.