New Landing › How can we help? › Themeforest Theme Support › Flexform › Make background image responsive

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Flexform
  • September 2, 2013 at 2:23 am #19328
    Bitedge
    Member
    Post count: 345

    Hi guys my site is not boxed and the homepage http://australian-sports-betting-guide.com.au/ has a backgroun image but when the screen resulution is bigger then the image the image repeats/tiles as shown in the atched screen shot or here http://quirktools.com/screenfly/#u=http%3A//australian-sports-betting-guide.com.au/&w=1920&h=1200&a=1 It is the same if I set it to cover or auto on the page editor.

    How can I make it so the the image expands and contracts to cover the whole screen it is being displayed on?

    September 3, 2013 at 5:02 pm #19650
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hi, you would need to find a plugin or add custom javascript in order to achieve the stretching background effect.

    Try the plugin fullscreenr maybe. Cheers!

    September 17, 2013 at 8:51 pm #22385
    thethrillmill
    Member
    Post count: 33

    If it can’t stretch to fill without an outside plugin or custom javascript, is there a way to simply prevent the background image from tiling?

    September 17, 2013 at 9:06 pm #22390
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hi,

    I visited your site, thinking I could provide some custom CSS (background-size: cover;)

    But I see no background, checked with Firefox and Chrome on a Mac: http://cl.ly/image/0x3X3e361y1R

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    September 17, 2013 at 10:39 pm #22402
    Bitedge
    Member
    Post count: 345

    Yah I changed the homepage partly due to this problem, the last comment was not by the OP or anyone related to my site

    September 18, 2013 at 1:57 pm #22522
    Cosmin – SUPPORT
    Member
    Post count: 3851

    So how were you adding the bg image? An extra class with custom CSS?

    If so, you could add background-size: cover;, as aI was saying.

    Regards,
    ————————————————————————————————————

    Cosmin – Support

    September 18, 2013 at 6:51 pm #22728
    Bitedge
    Member
    Post count: 345

    There is a bg image function in the page editor

    September 20, 2013 at 3:08 pm #23071
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Well, if you add it back, I’ll get notified by email and will take a look and provide you with a CSS solution, if possible.

    Regards,
    ————————————————————————————————————

    Cosmin – Support

  • Back to forum
    Posted in: Flexform
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.