Scroll

Preset Builder

1. Audio and Video Player
2. Button
3. Contact Form
4. Countdown Timer
5. Divider
6. Grid Gallery
7. Image
8. Menu
9. Pagination
10. Slider and Carousel
11. Social Links
12. Accordion

"Preset Builder" is a feature that allows you to edit widgets styles. It can be accessed through the "Design" section of your website's admin panel.

Each widget has a unique number of presets which are presented within the Design tab of each widget. These presets must be customized through the Design - Widgets menu item.

Each preset contains a certain amount of features, which allow you to customize widget's appearance on the page (font style, colors, background for both Normal and Hover styles).

You can modify presets for the following widgets: "Accordion", "Audio and Video Player", "Button", "Forms", "Countdown Timer", "Divider", "Grid Gallery", "Image", "Menu", "Pagination", "Slider and Carousel" and "Social Links".
774.jpg

Please be informed that all widgets have different number of features within each preset, depending on the template's theme.

The provided instruction is related to a specific theme and functions can vary in each template - please pay attention to this! 

 

Audio and Video Player

"Audio and Video Player" contains 1 customizable preset.

The following features can be customized for both Normal and Hover states: "Font Type", "Font Style", "Font Size"," Font Color", "Background", "Progress Bar", "Volume Control and Border Color". In addition it's possible to customize the colors of Icons and Background for Control Buttons in both selected/non-selected states.

You can set various font types, styles and sizes within the Audio and Video Player.

You can set various colors within the Audio widget for the following parts: "Font Color", "Background", "Progress Bar", "Volume Control" and "Border Color".

"Control Buttons" block allows you to change the color of "Play"/"Stop" and "Volume" buttons and also the background behind "Play"/"Stop" buttons.

"Selected Control Buttons" block allows you to change the color of "Repeat" button and background behind it.

 
Button

"Button" widget contains 5 customizable presets.

The following features can be customized: "Font Type", "Font Style", "Font Color" and "Background" for both "Normal" and "Hover" state and also "Icon Color".

You can choose various font styles from the list of available fonts. Please note that some fonts can use only "Regular" style.

"Font Color" and "Background Color" can be modified for both "Normal" and "Hover" state.

Click on the color palette to choose necessary color.

"Icon Color" allows you to choose various colors for your button's icon.

 

Countdown Timer

"Countdown Timer" widget contains 3 customizable presets.

The following preset allows you to edit the following features: "Font", "Background", "Background Size", "Delimiter Color", "Delimiter Size", "Spacing, Digits", "Text" and "Border".

"Font" feature affects the type of your digits and text.

"Background Color" feature affects the shape color.

"Background Size" feature allows you to increase/decrease the size of the shape, where timer is located. It can't be lower than 50 and higher than 300.

"Delimiter Color" feature allows you to set various colors for your delimiter.

"Delimiter Size" feature allows you to increase/decrease the size of your delimiter. Value can be set from 0 up to 100.

"Spacing" feature allows you to increase/decrease spacing between the shapes of countdown timer.

"Digits" block allows you to change style, font color and font size of the counter digits.

"Text" block allows you to change style, font color and font size of the counter text.

"Border" block allows you to change style, color, width and corners of the border around the counter.

 
Divider 

"Divider" widget contains 3 customizable presets.

You can modify the following features of your Divider: "Style", "Color" and "Height".

 

Forms

"Forms" tab contains 3 customizable presets for all site's forms ("Contact Form", "MailChimp" etc).

Customize the appearance of your contact form by changing "Font Type", "Background Color", "Input Style" and "Text Message Format".

"Input Style" block allows you to modify the style of the following blocks: "Text Input Format", "Normal Color" and "Error Color".

"Text Input Format" block allows you to set necessary font style within the Contact Form fields. Please note that some fonts can use only in "Regular" style.

"Normal Color" block allows you to set custom "Font Color", "Background" and "Border Color".

"Error Color" block allows you to set custom "Font Color", "Background" and "Border Color" for the error messages directly.

"Text Message Format" block allows you to modify the style of the following blocks: "Error Mandatory Fields", "Success Message" and "Error Sending".

"Error Mandatory Fields" block allows you to set custom font color for the following system message: "Field is required" (message can be edited and modified within the Contact Form settings).

"Success Message" block allows you to set custom font color for the following system message: "Your Message Was Sent Successfully" (message can be edited and modified within the Contact Form settings).

"Error Sending" block allows you to set custom font color for the following system message: "Sorry, Your Message Was Not Sent" (message can be edited and modified within the Contact Form settings).

 

Grid Gallery 

"Grid Gallery" widget contains 3 customizable presets.

"Caption" block allows you to customize the following features: "Font Type","Font Style", "Font Color" for both "Normal" and "Hover" state and "Image Border Color".

You can choose various font styles from the list of available fonts. Please note that some fonts can use only "Regular" style.

"Text Color" and "Background Color" can be modified for both Normal/Hover states.

"Layer" block allows you to set custom "Layer Color" and "Layer Border Color" for the images within the Grid Gallery.
 

 

Image

"Image" widget contains 5 customizable presets.

The following features can be customized: "Image Border Color" for both "Normal" and "Hover" state.

"Layer" block allows you to set custom "Layer Border Color" for the Image.

 

"Menu" widget contains 3 customizable presets.

Menu and sub menu appearance can be edited for two devices: "Regular Computer" and "Mobile Device".

"Menu Items" block allows you to edit "Menu Font Type", "Font Style" for both Normal and Hover states, change "Font Color" for menu items and selected item.

Same can be applied for "Submenu Items" block. In addition you can set Background Color for sub menu items.

"Mobile Device" tab allows you to customize "Hamburger Icon", "Menu Items" and "Selected Item".

"Hamburger Icon" block allows you to customize "Icon Color" and "Background" area for your "Hamburger Icon" once you choose it.

"Menu Items" block allows you to customize "Font Color", "Background" and "Delimiter Color" of your menu widget's area.

"Selected Item" block allows you to set custom "Font Color" and "Background" for the selected menu items.

"Submenu Items" block allows you to set custom "Font Color", "Background" and "Border Color" for the submenu items and selected item of your submenu widget.

 

"Pagination" widget contains 1 customizable preset.

You can change "Font", "Styles" and "Font Size" for selected item and pagination items.

"Selected Item" block allows you to change "Style" of selected item, it's "Font Color", "Background" and "Border Color".

You can also customize such "Pagination Items" block features as "Font Color", "Background" and "Border Color" for both "Normal" and "Hover" state.

 

Slider and Carousel

"Slider and Carousel" widget contains 2 customizable presets.

You can customize the following blocks: "Slider Caption", "Carousel Caption", "Slider and Carousel", "Arrows", "Pagination" and "Selected Pagination".

"Slider Caption" block allows you to set custom font type, style, text color and background color for the Slider Caption.

"Carousel Caption" block allows you to set custom color for the Carousel Caption background.

"Slider and Carousel" block allows you to preview applied changes for Slider and Carousel widgets in both Normal and Hover states.

"Arrows" block allows you to set custom "Color" and "Background" for your slider's arrow buttons.

"Pagination" block allows you to set custom color for your slider's pagination buttons.

"Selected Pagination" block allows you to set custom color for your slider's selected pagination buttons.

 

"Social Links" widget contains 3 customizable presets.

"Icon Color", "Background" and "Border Color" features allow you to set custom color for the "Social" buttons icons and widget's area.

Accordion

"Accordion" widget contains 3 customizable presets.
763.jpg

You can customize the following blocks: "Title" (font settings), "Closed/Opened Item's Icon", "Item Border", "Title Border", "Item" and "Title" (color settings).
764.jpg

"Title" (font settings) block allows you to change font type, style, size, title icon size and items spacing.
765.jpg

"Title Icon Size" will enlarge the chosen icon appropriately (up to 100px).

"Items Spacing" can increase/decrease the space between the Accordion items.

"Closed/Opened Item's Icon" block allows you to change item's size and icon for both opened and closed state.
768.jpg

In addition you can configure Content Border's style, width and corners for both "Normal" and "Hover" states of the "Opened Item".
776.jpg

"Item Border" block allows you to modify style, width and corners of the item's border.
769.jpg

"Item" block allows you to change the color of Accordion item's open/close icon and border.
770.jpg

"Title" (color settings) block allows you to enable/disable underlining for the title, change font color and icon color, set background and border color for the Accordion widget's area.
772.jpg

"Content" block allows you to set background and border color for the opened item's area.
803.jpg

Have more questions? Submit a request

Comments