Add custom gradient background overlay

Add custom gradient background overlay

Starting from Version 3 of Essentials WordPress theme, you can easily add background overlay to your page, you can choose from a list of the theme colors or you can choose a custom gradient (see steps below).

To do that check the steps below depending on the page builder you’re using:

Using WPBakery
Using WPBakery

In WPBakery, you can add custom gradient background overlay to Sections, Rows, Columns and Content Boxes.

For example, to add custom gradient background overlay to Sections, open the Section Settings then from the Design Options tab choose “Custom Gradient” for the Background Overlay color field, after that you can customize the gradient colors, opacity, type and direction depending on your needs:

Edit Section > Design Options > Background Overlay color “Custom Gradient”

Using Elementor
Using Elementor

In Elementor, you can add custom gradient background overlay to Sections, Columns and Inner Sections.

For example, to add custom gradient background overlay to Sections, open the Section Settings then from the pixfort Options tab choose “Custom Gradient” for the Background Overlay color field, after that you can customize the gradient colors, opacity, type and direction depending on your needs:

Edit Section > pixfort Options > Background Overlay color “Custom Gradient”

pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts