CSS img ‘max-width: 100%’ works on preview but not on live

  • Unknown's avatar
    kyoungwonpark · Member ·

    I use the following CSS img attribute to keep the image size to its original (714×414) so it won’t stretch big to fill its container (900px). It works fine in preview page as intended but the image still looks bigger than the original size in the live environment.
    Please help identify where the discrepancy comes from and how to fix it.

    img {
max-width: 100%;
width: auto;
height: auto;
}

    Here’s the live page. The ‘S2P’ embed image in the blog renders bigger than its original size (714×414). The image looks fine on the preview page though and I can’t seem to find how to fix it.

    Thank You for Playing Closed Beta 3

    The blog I need help with is: (visible only to logged in users)

  • maciejpilarski · Staff ·

    Hello!

    Thank you for your message.

    While checking your site and that particular post, I noticed your site uses the custom theme, which was built using the WPBakery builder. At WordPress.com we can help you only with the theme created by us.

    I suggest contacting WPBakery builder support directly and verifying with them why the builder ignores the predefined image size:
    https://support.wpbakery.com/

  • The topic ‘CSS img ‘max-width: 100%’ works on preview but not on live’ is closed to new replies.