XF 2.3 Different background image per variation?

I added this to extra.less:
Less:
/*** Set page background colour and image ***/
.p-pageWrapper
{
    // normal rules (default color scheme -- light in the default style)
    background: {{ property('@xf-contentBg') }} url('/data/assets/style_properties/bg-def.jpg');
    .m-colorScheme({{ $xf.style.getAlternateStyleType() }},
    {
        // alternate rules (alternate color scheme -- dark in the default style)
        background: {{ property('@xf-contentBg') }} url('/data/assets/style_properties/bg-alt.jpg');
    });
}

@Jeremy P 's post here explains some additional options, depending on your needs.
 
Back
Top Bottom