To fill a background color to whole project page go to Properties Panel/Page/Appearance and type in a color into the Background input field
To Add one color background to your widget go to Widget Properties Panel/Background
To add image as a background go to Widget Properties Panel/Background and press the Add image button:
or double-click on the Widget.
Learn how to add parallax effect to an image background.
You can find border property field in Widget panel/Advanced
Solid border
2px solid #000
Dotted border
2px dotted #000
Dashed border
5px dashed #000
Double border
3px double #000
In Froont all objects are called widgets. An image, a container or a text – it is a piece of code we have written for you and named it a “widget”, so that you can complete tasks faster and forget about coding.
This is a full list of available widgets at your service:
Container is on of the basic building blocks. It can contain any other widget. It also can have a background colour or background image. It also supports nesting of widgets – a container can have another container in there.
The function of a grid widget is to align other widgets into a grid. It can contain any other type of widget. They also can be nested endlessly – A grid widget can contain a container where another grid widget is in…
Text widget is used to add text. It allows you to format text and edit its HTML.
Use image widget if you want to add an image. The image an be added either by dragging it onto container or by a double click and the same applies when you are replacing the image. The widget aspect ration will be locked to the image aspect ratio.
Scalable Vector Graphics is a vector file format you can use directly in FROONT. It acts a lot like image widget, but the difference is that the colour, stroke and background can be changed at any time.
Allows to embed video from services like YouTube, Vimeo and others. It automatically adjusts the video size so that your video will be responsive right away.
As the name suggests you can add any HTML into this and extend the functionality of your projects.