You are viewing limited content. For full access, please sign in.

Question

Question

How to stretch the background image in the new Form designer?

asked on June 23, 2023 Show version history

With the Classic Designer, we were able to set our background image (a picture of our main office) to fill the available space with the following CSS:

/*This is useful when using pictures for a background*/
body {
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

I've tried adding this CSS to the theme of the new Designer, but it does not work; it remains tiled per theme settings.  So I suppose the first question is, why isn't there an option to stretch the image to fill, instead of just tiling?  Secondly, in the meanwhile, is there any way to apply that background css in the New Designer?

2 0

Answer

SELECTED ANSWER
replied on June 23, 2023

This is the CSS I've been using for the Forms Layout Designer: 

/*Fixed positioning of photo background*/
&.Form.lf-form { 
  background-size: cover;
  background-attachment: fixed;
}

 

3 0
replied on June 23, 2023

That did the job, thanks Matthew!

1 0
replied on June 23, 2023

I'm glad it worked for you.

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.