Background Settings In Settings

Modified on Mon, 13 Feb 2023 at 02:28 PM

Background

 

It has three options :

Image 

One can upload an image in the background using this setting,

It has other customizable options such as :

Background Repeat - The background image can be adjusted to repeat settings.

To No repeat, Repeat X, Repeat y, Repeat. 

Background Position - The background Position of the image can be changed using this setting. 

A background Image Position can be adjusted to the Right, Center, and Left. 

And further can be adjusted to the top, center & Bottom.

For Ex:- Right Bottom, Center Top, Bottom Center. 

Background Attachment - Background Attachment can be further adjusted to “Fixed”, “Scroll” or “Local”.

Background Size - The background Size of the image can be adjusted according to its height and width in different ways, 

Fill 100 WIDTH - Background Image covers the Width of the background by 100%.

Fill 100 WIDTH & HEIGHT - Background Image covers the Width and Height of the background by 100%.

Auto - Automatically Covers the background space according to the best possible settings. 

Cover - Covers the Background space entirely with the background image.

Contain - Background space only covers the actual height and width of the image. 

Color

The Background Color of a component can be changed using this option.

One can use the "Hex code" of any color to fill the background space with that color. 

Gradient 

The background space of a component can be changed to a gradient color using this option.

It can be further adjusted according to Different Background Types and Directions.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article