Wiz > Row Background

[jpencausse]

It seems there is an update on background in the lastest build.

On my website it’s really weird, in full screen (1920×1080) on Chrome the image (appartment) stretch well then after a browser repaint it no longer stretch.

http://innovate.whatshome.fr/fr/accueil/

[Rimoun Adel]

Just checked it on google chrome and it shows like that after the page is loaded: https://shar.es/1tz9Zk

Is that what you get also or not? please send me a screenshot.

Cheers,
Rimoun

[jpencausse]

This is what I get:

https://dl.dropboxusercontent.com/u/255810/Temporaire/wiz_background.jpg

• Press F5
• White page
• The screenshot for 2s
• It stretch

I don’t know how the background stretch ? Is it JS or Chrome repaint ? I just want my background to fit and repeat-x

[jpencausse]

I have a “how to reproduce”

• Create a row with 2 column
• Add text block in the right column (the content will push the height)
• Add a background image on the row (leave default values)
• Set the row to “stretch row”

 

[jpencausse]

More tests:

• If I remove stretching the background is displayed instantly
• On Edge browser the background is sized according to the windows height

In fact I just want a background and a border top bottom full width :-/

[jpencausse]

Ok fixed !

• I do not “stretch row” because JS is lagging to much to calculate margin negative
• But I set background full width
• And add my own CSS on a sub class:

.wh_header .upb_row_bg{
    border-top:    4px solid #F67207;
    border-bottom: 4px solid #F67207;
}

 

[Rimoun Adel]

Aha you meant that it it starts loading in smaller size and then stretches to it’s full width. I can understand you didn’t like that and fixed it with CSS.  I figured out that this happens only when you use Stretch Row in VC. I also suggest to use Full width background option of Ultimate Add-ons as it doesn’t cause this loading problem nor it need custom CSS.

Cheers,
Rimoun Adel

[Author]

Posts