WordPress.org

Ready to get started?Download WordPress

Forums

WP Supersized
[resolved] Cropping / scaling issue (6 posts)

  1. Mickey Kay
    Member
    Posted 1 year ago #

    Hi there,

    First of all, great plugin! It's really fantastic!

    Here's my issue. . . I want the background image to function much like background-size: cover. In which the image is not distorted and scales large enough to cover the entire window (some of the image is therefor cropped outside the bounds of the window.

    I've tried all the settings (e.g., Always fill screen, fit landscape, etc), but nothing seems to do this. Several of them work fine when I resize the window vertically (taller/shorter). The image doesn't scale and the top and bottom are cut off. But when I resize the window horizontally (wider/narrower) the image starts to scale horizontally, which compresses the whole thing and distorts it. The images I'm using are landscape.

    Any ideas what's going on here? I don't want black bars to show, so the fit landscape/portrait don't work for me either.

    Thanks - any help would be much appreciated!

    http://wordpress.org/extend/plugins/wp-supersized/

  2. Mickey Kay
    Member
    Posted 1 year ago #

    Figured it out!!! This was an easy one. My theme CSS included the following line:

    img {
        max-width: 100%;
    }

    . . . which prevents the image from horizontally scaling beyond the bounds of it's parent tab.

    So the easy fix is another rule:

    #supersized img {
    	max-width: none !important;
    }

    The !important might not be necessary, but it can't hurt.

    So my question is, isn't this a common issue with responsive images nowadays? Does the original supersized core not include this style? Can we get this CSS rule in there for the next iteration?

    Thanks!!!
    - Mickey

  3. timbonylon
    Member
    Posted 1 year ago #

    Oh my god, Ive been trying to work out how to do this for days!

    Thankyou so much!!!

    and yes, it should be an option in the drop down scaling options for sure, seems like the most sensible have the images scale

  4. Funkateer
    Member
    Posted 1 year ago #

    @McGuive7: Awesome, have been looking for a solution for days! Now it´s as easy as this, unbelievable.

    Thank you and keep up the good work!

  5. prosediva
    Member
    Posted 11 months ago #

    I'm astounded that this issue wasn't addressed in the newest version. Oddly, the previous version doesn't have this problem. Thank you so much for sorting this out!

  6. carlowp
    Member
    Posted 4 months ago #

    Very useful, thank you!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic