Get 25% off on any of our premium products till Sept 30th, 2017. Offer code: cjaddons

Working on a WordPress project where client demands all images within a post should extend and touch window borders, actually full-size images. The wrapper has a margin of 20px on both sides and it is not possible to remove the margin otherwise, all other elements will require 20px margin.

I got this working with following JS code:

$('.content img').each(function() {
    $(this).css({
        'position': 'relative',
        'min-width': $(window).width(),
        'margin-left': '-20px',
    });
});

In case you have better code for this and in CSS, please share.

Mohit Aneja

  • Stay up-to-date!
    Join our mailing list to receive product updates & announcements. Every month we give away 10 FREE Licenses to our lucky subscribers.

    No Spam Ever!

Stay up-to-date!

Get notified of product updates, new products and freebies.