How to change the background of your website?

BOWWE University

How to change the background of your website?

Learn how to change the background of your website with our easy-to-follow tutorial. From choosing the perfect color to adding images, we'll guide you through every step. Elevate the look and feel of your website with a new background today!

Editing background color

1

Select the section you want to edit.

2

Go to the Widget Styles.

3

Select Colour in the Background Tab.

4

Choose colour from the Color Picker and click SAVE.

Learn more

Set a consistent color scheme across all the elements of your design and ensure that they match the style you are aiming for

How to design a UI Kit?

Adding image to the background

1

Select the section you want to edit.

2

Go to the Widget Styles.

3

Select Picture in the Background Tab.

4

Upload the Image to My files.

5

Adjust Display and Position settings.

Color mask on image​​

If you want to create a color mask on your background image, you need to create a new overlapping container e.g.: Area widget and place it on the image. Then, set its color to the desired mask color and adjust the opacity to achieve the desired effect.

Creating background gradients

1

Select the section you want to edit.

2

Go to the Widget Styles.

3

Select Gradient in the Background Tab.

4

Choose between Radial and Linear gradient.

5

Adjust Color Stops on the Gradient Annotator.

Tip

If you create two color stops in the same place on the gradient annotator, you can create a sharp edge or a hard transition between two colors in your gradient.

Congratulations!

You already know how change background on your website