Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 31, 2014 at 8:06 pm #217627
    ctchope

    On our home page http://staging.actify.com we are using Layerslider WP to create rotating banners. We have a 2048px × 499px image and my monitor is set to 1920×900 in responsive view. The image is being scaled to 3001px × 731px. If I set my monitor to 1280×600 it scales the image to 1993px × 486px. So the images are looking distorted and taking up too much of the screen.

    If we put in a smaller image we get a proportional upscaling.

    Why is the template scaling the image like that? It should not scale it larger than my monitor is set to and distort the design.

    February 3, 2014 at 5:30 am #218607
    Josue

    Hey!

    We can’t access your website, please provide us the access.

    Cheers!
    Josue

    February 3, 2014 at 7:07 pm #218925
    ctchope

    When the pop-up window displays put:
    actify
    actifystaging

    February 4, 2014 at 3:10 pm #219393
    Devin

    Hey!

    It looks like you’ve set the width larger than the photo so its getting stretched as a background image to fit the largest space.

    Check that slides global settings and you can adjust as needed.

    Cheers!
    Devin

    February 4, 2014 at 5:48 pm #219518
    ctchope

    On the Layerrslider WP settings for that slide the width and height are both blank.
    Is that where you mean? Where would I find the “Global” settings for that slider?

    February 4, 2014 at 7:46 pm #219589
    Ismael

    Hi!

    I really don’t see the issue on my end because of my screen resolution. It is a lower than yours. Can you please post a screenshot of the issue? You can find the global settings on LayerSlider WP > Select a slide > Global Settings.

    Best regards,
    Ismael

    February 4, 2014 at 8:03 pm #219600
    ctchope

    Here is a picture from global settings. It is set to 1300 x 400. The image is 1700×441 and with my monitor set to 1920×900 it is scaling the image to 2491×607. With those global settings it should not have scaled it larger than 1920 wide.
    When I set my monitor to 980×1280 it scales it to 1262×307. Always
    When we used a 2048px wide image on a 1920px monitor it scaled to over 3000px wide.

    The template is looking at the size of the image rather than the size of the monitor. It seems like the image should be scaled to fit the monitor regardless of image size.

    Here os the image of the General settings and below it a screenshot from my browser showing wht the image is doing:
    slider global settings

    Here is the image from my browser showing how it is being scaled:
    Home page scaling

    February 4, 2014 at 8:08 pm #219602
    ctchope

    Heres a screen shot of what happens to the 1700px x 441px image on a monitor set at 980×1280
    http://staging.actify.com/design/home-page-scaling-on-monitor-set-at-980×1280.jpg

    February 6, 2014 at 2:01 am #220212
    Devin

    From the sound of it I think this may be an issue of the plugin and not something we have a fix for on our end. I played with it for a bit now and I don’t see any other options for specifically setting the background width while maintaining the same responsive adjustments.

    February 7, 2014 at 7:08 pm #221011
    ctchope
    This reply has been marked as private.
    February 8, 2014 at 4:19 am #221100
    Ismael

    Hi!

    Are you zooming the browser out when you have the 1920×900px screen resolution? The width of the background image should be 1920px too unless you zoom out the browser screen. The background image on the layer slider will always stretch across the browser screen.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘home page banner images upscaling when they should not’ is closed to new replies.