Page Background and Container Styles

Yeeflow team
Yeeflow team
  • Updated

An overview of the background styles you can set on forms or pages: color, images, gradients, and color overlays.

 

Page Background

Setting the background on the page gives you control over appearance and legibility. In the Backgrounds section of the Page panel, you can add a background image, gradient, or color.

 

Page_Background.jpg

 

By default, there are no background set for the form or page. To Add single color, lick the pen icon after the Background Type option, and select color from the color picker. Change this background color will effect all the controls on the canvas which has no background set individually.

 

Page_Background.gif

 

You can also upload an image as the background of this page. Yeeflow offers many options to customize your background image.

 

Page_Background_Image.jpg

 

Page Container

Container is the area which are allowed to place contents. the content container can be set as Full Width which will be the same size of the whole page, or Fixed width will specified size of the contents inside.

 

Page_Container_Styles.gif

 

You can set the width of the container and the background color or background images as needs. 

Padding: set the padding size of the content insider the container. By default, the padding is set as 10px. If you need to set the content 100% width of this page, with no padding ( like a section), just set the container as Full Width and the padding of the container as 0.

Page_Container_Full_width.jpg

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.