WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Stretched background image on Elegant Theme

[Resolved] Stretched background image on Elegant Theme

  • Hi,
    The plugin works great on local test website with TwentyTwelve theme, I installed it on another website where I use an Elegant Theme (Flexible), and the background images are non-uniform scaled, they are stretched…
    I tried to change the “ID or class of the content container/wrapper” setting, thinking the pbm could eventually be related to it, but it changed anything.
    Any idea ?
    Seba

    PS : I can’t put the link to the production site now, if needed I’ll install a test one elsewhere..

    http://wordpress.org/extend/plugins/wp-backgrounds-lite/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author InoPlugs

    @inoplugs

    Hi,
    you can try following css code – hopefully it fixes the issue:

    #supersized li img{
    width: auto !important;
    }

    If not please provide a link to your test server.

    Kind regards,
    InoPlugs

    Hi,
    Sorry for the delay…

    Unfortunately the code didn’t change anything.
    Here is the url of a test site with ET Flexible theme installed, as well as Backgrounds-lite plugin :
    http://kinotism.com/test02/?page_id=16
    I set another fullscreen bg on the homepage also..

    All the best,
    Seba

    Plugin Author InoPlugs

    @inoplugs

    Hi,
    I can’t reproduce the issue on my pc – I tried Chrome, Firefox, IE and all browsers displayed the background image just fine: http://www.screenr.com/3GP7

    Maybe a browser extension/plugin causes the issue? I checked the theme css code and it’s not interfering with the plugin.

    Kind regards,
    InoPlugs

    Yes, with the browser window wide open it works perfectly indeed. But if you reduce the browser window width, let’s say as if it was in portrait mode, the stretch is obvious.
    http://screenr.com/z4P7

    All the best,
    Seba

    Plugin Author InoPlugs

    @inoplugs

    Ok thanks. Try to replace following line in style.css:

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

    with:

    img { max-width: none; height: auto; width: auto; }

    or try to add following code to style.css:

    #supersized img { max-width: none; }
    Plugin Author InoPlugs

    @inoplugs

    Ok thanks. Try to replace following line in style.css:

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

    with:

    img { max-width: none; height: auto; width: auto; }

    or try to add following code to style.css:

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

    I used only this :
    #supersized img { max-width: none !important;}
    and it did the trick, thank you very much :))

    Best regards,
    Seba

    Plugin Author InoPlugs

    @inoplugs

    Great – glad it worked 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Stretched background image on Elegant Theme’ is closed to new replies.