The effect offers three overlay types and the Blend Mode. Overlay Options: You can add an overlay effect to any addon or the entire row. The Radial Type provides a circular gradient where the angle defines the starting point of the circle. Color 1 starts at the defined angle point and Color 2 starts after the Color 1 endpoint.

The effect is applied with a Gradient Angel, which defines the starting point. A linear gradient applies the gradient by an axis. Gradient Type – Linear and Radial are available. Gradient: You can even apply gradient effect to an addon background.Background Position: You can define the starting position of the background image.Background Attachment: You can define whether a background image scrolls with the rest of the page or not.Background Size: Choose how you want to crop the background image.Background Repeat: You can define if you want to have a repetitive background.Doing so will enable the following options. Image: When you want to use a custom image for the addon background, you can use this option to upload your own image or paste an image URL from an external source.Color: If you wish to add a solid color to the addon background, select this option and pick the color.Upon enabling background options you can add the following options. Determine the color while hovering over the URLs that you’ve added.Įnable Background Options: This will enable you to customize the background of your addon with various styling options. Link Hover Color: One of the cool styling effects is the hover effect. The change you make will be applied throughout the entire addon. Link Color: If you added any URLs in the addon, you can determine the color of the link. The hassle-free color chooser will help you determine color more rapidly. Text Color: You can select the color of your addon's text content. Following is the list of all available styling options. However, the settings offered in the Style tab override those settings.

With every addon, you get the options to tweak the content styling. The styling settings offer additional design customization options. A detailed description can be found on the addon specific documentation section. The settings offered in the General Tab are specific to each addon. These options are categorized into four sets of settings. All the addon customization options are available on the left sidebar of the Frontend Editor. SP Page Builder lets you customize every addon the way you want. There is no trash, addon is removed from the database. With this option, you can add an inner row, change column settings, disable or delete the column.ĭelete Addon: As the name suggests, Click here to delete any addon. Parent Column: It will open up the respective column settings for the addon. Clicking it again will re-enable the addon. The addons you save will be found under Tools > My Addons on the frontend.ĭisable Addon: Clicking this icon will disable this particular addon. When you need to use the same addon with the same settings multiple time, you can Save any addon and reuse that later. Save Addon: It's another great feature to speed up your working time. Use this icon to make an exact same copy of any addon. Move Addon: Click and hold this icon to drag and drop the addon to your desired place.Įdit Addon: Click this icon to customize the current addon, it will open up the relevant addon settings on the left sidebar.Ĭlone Addon: You can take advantage of this option when you need to create multiple addons with almost the same content. Addon Control BarĪll the settings of the addon control bar are described following (starting from the left). Please note, you need to create a row or a column before using any addon. To use any available addon of SP Page Builder, you just need to drag that particular addon and drop in the position where you want to use it on your webpage. The settings described in this section are found in every addon of SP Page Builder. When you use a specific addon, you’ll find there are a few common settings that are available to all addons.

2022.09

Sp page builder addons