Add Custom Gradient Background Overlay

Add Custom Gradient Background Overlay

Default Gradient Background Color

You can add a gradient background overlay using the Default Background Overlay option in Elementor Page Builder under Container Settings > Style > Background Overlay (Gradient).

This option allows you to apply a gradient background overlay to your container. The gradient can include 2 colors, and you can customize each color’s position, the gradient angle, and the opacity.

Image link

Container Settings > Style > Background Overlay (Gradient)

Custom Gradient Background Color

You can add a custom gradient background overlay using the pixfort Background Overlay option in Elementor Page Builder under Container Settings > Layout > pixfort Options > Background Overlay Color (Custom Gradient).

This option allows you to apply a gradient background overlay to your container. The gradient can include as many colors as you want, and you can customize each color’s position and opacity, the gradient type and direction, the overall gradient opacity, and whether it overlaps the content.

Image link

Container Settings > pixfort Options > Background Overlay Color (Custom Gradient)

pixfort
pixfort
Support Team

Hey, this is pixfort support team, if you still need help you can always reach us via your pixfort account

Related Posts

Search

Start typing to search for a specific article on our website

Made with Popup Builder
Image link
Hey there

Search for a specific article

Get started

Check useful guides to get started

Still need Help?

Send us a support message

Our usual reply time: 1 Business day