How to change the background of your website?
BOWWE tutorials
Welcome to our collection of online lessons. We’ve created these to help you learn the best practices and get the most out of BOWWE. Come back here whenever you want!

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.

⚡ BOWWE Expert 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!

Now you know how to change background on your website