| Server IP : 213.186.33.4 / Your IP : 216.73.216.222 Web Server : Apache System : Linux webm005.cluster103.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64 User : karinebmkh ( 644538) PHP Version : 8.4.22 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/karinebmkh/www/wp-content/plugins/divi-pixel/admin/customizer/ |
Upload File : |
<?php
namespace DiviPixel;
class DIPI_Customizer extends DIPI_Customizer_Base
{
public function create_panels()
{
return [
'general' => [
'label' => esc_html__("General", 'dipi-divi-pixel'),
'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'priority' => -10,
'icon' => 'dp-settings',
],
'header' => [
'label' => esc_html__("Header", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the header", 'dipi-divi-pixel'),
'priority' => -9,
'icon' => 'dp-header',
],
'footer' => [
'label' => esc_html__("Footer", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the header", 'dipi-divi-pixel'),
'priority' => -8,
'icon' => 'dp-footer',
],
'blog' => [
'label' => esc_html__("Blog", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the header", 'dipi-divi-pixel'),
'priority' => -7,
'icon' => 'dp-blog',
],
'mobile' => [
'label' => esc_html__("Mobile", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'priority' => -6,
'icon' => 'dp-devices',
],
];
}
public function create_sections()
{
$format = esc_html__('This is a description with a %1$s', 'dipi-divi-pixel');
$link = sprintf('<a href="www.google.com">%1$s</a>', esc_html__("link", 'dipi-divi-pixel'));
$description = sprintf($format, $link);
return [
'browser_scrollbar' => [
'label' => esc_html__("Custom Browser Scroll Bar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'general',
'priority' => 10,
],
'login_page' => [
'label' => esc_html__("Login Page", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'general',
'priority' => 20,
],
'preloader' => [
'label' => esc_html__("Preloader", 'dipi-divi-pixel'),
'description' => $description,
'description_hidden' => true,
'panel' => 'general',
'priority' => 30,
],
'back_to_top' => [
'label' => esc_html__("Back To Top Button", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'general',
'priority' => 40,
],
'blog_archives' => [
'label' => esc_html__("Categories & Archives", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 10,
],
'blog_archives_btn' => [
'label' => esc_html__("Categories & Archives Button", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 20,
],
'blog_sidebar' => [
'label' => esc_html__("Sidebar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 30,
],
'blog_navigation' => [
'label' => esc_html__("Post Navigation", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 40,
],
'blog_author_box' => [
'label' => esc_html__("Author Box", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 50,
],
'blog_related_posts' => [
'label' => esc_html__("Related Articles", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 60,
],
'blog_comments' => [
'label' => esc_html__("Comments", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'blog',
'priority' => 70,
],
'mobile_menu_bar' => [
'label' => esc_html__("Mobile Menu Bar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'mobile',
'priority' => 10,
],
'mobile_menu_effects' => [
'label' => esc_html__("Hamburger Icon", 'dipi-divi-pixel'),
'panel' => 'mobile',
'priority' => 20,
],
'mobile_menu_links' => [
'label' => esc_html__("Mobile Menu", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'mobile',
'priority' => 30,
],
'mobile_menu_button' => [
'label' => esc_html__("Mobile Menu CTA Button", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'mobile',
'priority' => 40,
],
'mobile_social_icons' => [
'label' => esc_html__("Mobile Menu Social Icons", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'mobile',
'priority' => 50,
],
'top_bar' => [
'label' => esc_html__("Top Bar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 10,
],
'main_header' => [
'label' => esc_html__("Main Header Bar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 20,
],
'primary_nav' => [
'label' => esc_html__("Primary Navigation", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 30,
],
'menu_dropdowns' => [
'label' => esc_html__("Menu Dropdowns", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 40,
],
'menu_button' => [
'label' => esc_html__("Menu CTA Button", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 50,
],
'menu_social_icons' => [
'label' => esc_html__("Social Icons", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'header',
'priority' => 60,
],
'footer_menu' => [
'label' => esc_html__("Footer Menu", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'footer',
'priority' => 10,
],
'footer_bottom_bar' => [
'label' => esc_html__("Footer Bottom Bar", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'footer',
'priority' => 20,
],
'footer_social_icons' => [
'label' => esc_html__("Footer Social Icons", 'dipi-divi-pixel'),
// 'description' => esc_html__("Settings for the mobile menu", 'dipi-divi-pixel'),
'panel' => 'footer',
'priority' => 30,
],
];
}
public function create_fields()
{
$fields = [];
$fields += $this->get_general_fields();
$fields += $this->get_header_fields();
$fields += $this->get_footer_fields();
$fields += $this->get_blog_fields();
$fields += $this->get_mobile_fields();
return $fields;
}
private function get_mobile_fields()
{
return [
'mobile_bar_disabled' => [
'label' => esc_html__('Mobile Menu Bar', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Mobile Menu Bar appearance, please aneable this option in the Divi Pixel dashboard under Mobile > Mobile Menu > Custom Mobile Menu Style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'cta' => true,
'icon' => 'dp-mobile-bar',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'off',
]),
],
'mobile_bar_heading' => [
'label' => esc_html__('Mobile Menu Bar', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Mobile Menu Bar Color, Height and Logo Size', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'icon' => 'dp-mobile-bar',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_hide_bar' => [
'label' => esc_html__('Hide Top Bar', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'default' => false,
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_full_width' => [
'label' => esc_html__('Make Menu Bar Fullwidth', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'default' => false,
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_header_height' => [
'label' => esc_html__('Header Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_logo_size' => [
'label' => esc_html__('Logo Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'default' => 60,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_bar_color' => [
'label' => esc_html__('Menu Bar Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_shadow_heading' => [
'label' => esc_html__('Menu Bar Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable/Disable and Customize Mobile Menu Bar Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_shadow' => [
'label' => esc_html__('Add Mobile Menu Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'default' => false,
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_shadow_color' => [
'label' => esc_html__('Menu Bar Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_shadow_offset' => [
'label' => esc_html__('Menu Bar Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_menu_shadow_blur' => [
'label' => esc_html__('Menu Bar Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_bar',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_menu_effects_disabled' => [
'label' => esc_html__('Hamburger Icon', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Hamburger Icon, please anable this option in the Divi Pixel dashboard under Mobile > Mobile Menu > Add Hamburegr Icon Animation', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'cta' => true,
'icon' => 'dp-mobile-menu',
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'off',
]),
],
'mobile_menu_hamburger_heading' => [
'label' => esc_html__('Hamburger Icon', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Mobile Menu Hamburger Icon', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'icon' => 'dp-mobile-menu',
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_hamburger_color' => [
'label' => esc_html__('Hamburger Icon Color', 'dipi-divi-pixel'),
'description' => esc_html__('Choose the color for the mobile hamburger icon', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_hamburger_boxed' => [
'label' => esc_html__('Boxed Hamburger Icon', 'dipi-divi-pixel'),
'description' => esc_html__('Whether or not the mobile hamburger icon shall be boxed', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'default' => 'true',
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_hamburger_boxed_bg_color' => [
'label' => esc_html__('Boxed Hamburger Icon Background', 'dipi-divi-pixel'),
'description' => esc_html__('The background color of the boxed hamburger icon', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_hamburger_boxed_border_radius' => [
'label' => esc_html__('Boxed Hamburger Icon Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_hamburger_boxed_box_padding' => [
'label' => esc_html__('Boxed Hamburger Icon Box Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_effects',
'panel' => 'mobile',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_effects_heading' => [
'label' => esc_html__('Mobile Menu Effects', 'dipi-divi-pixel'),
'description' => esc_html__('Add custom animations to your mobile menu.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
'mobile_menu_fullscreen' => 'on',
]),
],
'mobile_menu_dropdown_background' => [
'label' => esc_html__('Mobile Menu Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'rgba(44,61,73,0.9)',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_background_animation' => [
'label' => esc_html__('Overlay Background Animation', 'dipi-divi-pixel'),
'description' => esc_html__('Select the animation for the mobile menu overlay background.', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'fade',
'options' => [
'grow' => esc_html__('Grow', 'dipi-divi-pixel'),
'slide_left' => esc_html__('Slide Left', 'dipi-divi-pixel'),
'slide_right' => esc_html__('Slide Right', 'dipi-divi-pixel'),
'slide_bottom' => esc_html__('Slide Bottom', 'dipi-divi-pixel'),
'slide_top' => esc_html__('Slide Top', 'dipi-divi-pixel'),
'fade' => esc_html__('Fade', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
'mobile_menu_fullscreen' => 'on',
]),
],
'mobile_menu_animation' => [
'label' => esc_html__('Menu Links Animation', 'dipi-divi-pixel'),
'description' => esc_html__('Select the animation for the mobile menu', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'grow',
'options' => [
'grow' => esc_html__('Grow', 'dipi-divi-pixel'),
'slide_left' => esc_html__('Slide Left', 'dipi-divi-pixel'),
'slide_right' => esc_html__('Slide Right', 'dipi-divi-pixel'),
'slide_bottom' => esc_html__('Slide Bottom', 'dipi-divi-pixel'),
'slide_top' => esc_html__('Slide Top', 'dipi-divi-pixel'),
'fade' => esc_html__('Fade', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'hamburger_animation' => 'on',
]),
],
'mobile_menu_text_heading' => [
'label' => esc_html__('Mobile Menu Text Styles', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Mobile Menu Font', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_text_align' => [
'label' => esc_html__('Mobile Menu Text Alignment', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'center',
'options' => [
'left' => esc_html__('Left (Default)', 'dipi-divi-pixel'),
'center' => esc_html__('Center', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_font' => [
'label' => esc_html__('Mobile Menu Font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'none',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_font_style' => [
'label' => esc_html__('Font Style', 'dipi-divi-pixel'),
'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 500,
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_text_size' => [
'label' => esc_html__('Mobile Menu Text Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '16',
'input_attrs' => [
'min' => 10,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_letter_spacing' => [
'label' => esc_html__('Mobile Menu Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_text_color' => [
'label' => esc_html__('Mobile Menu Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_heading' => [
'label' => esc_html__('Mobile Menu Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Mobile Menu Style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_link_paddings' => [
'label' => esc_html__('Mobile Menu Link Paddings', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '12',
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_text_bottom_margin' => [
'label' => esc_html__('Mobile Menu Bottom Margin', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '12',
'input_attrs' => [
'min' => 0,
'max' => 30,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_border_size' => [
'label' => esc_html__('Mobile Menu Item Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 0,
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_border_radii' => [
'label' => esc_html__('Mobile Menu Item Border Radius', 'dipi-divi-pixel'),
'type' => 'border_radii',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '50|50|50|50',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_border_color' => [
'label' => esc_html__('Mobile Menu Item Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => get_option('accent_color', '#000'),
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_background' => [
'label' => esc_html__('Mobile Menu Item Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'rgba(44,61,73,0.6)',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_padding' => [
'label' => esc_html__('Mobile Menu Padding', 'dipi-divi-pixel'),
'type' => 'padding',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '20|10|20|10',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_shadow_heading' => [
'label' => esc_html__('Menu Item Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Add Shadow to Mobile Menu Item.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_shadow' => [
'label' => esc_html__('Add Menu Item Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_shadow_color' => [
'label' => esc_html__('Menu Item Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => 'rgba(44,61,73,0.1)',
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_shadow_offset' => [
'label' => esc_html__('Mobile Menu Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '4',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_menu_item_shadow_blur' => [
'label' => esc_html__('Mobile Menu Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_links',
'panel' => 'mobile',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_menu_style' => 'on',
]),
],
'mobile_cta_button_disabled' => [
'label' => esc_html__('CTA Button Settings', 'dipi-divi-pixel'),
'description' => esc_html__('To add and customize Mobile Menu Button please enable this option in Divi Pixel settings. This option can be found under Mobile/Mobile/Add CTA Button to Mobile Menu.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'cta' => true,
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'on',
]),
],
'mobile_cta_button_heading' => [
'label' => esc_html__('CTA Button Settings', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Mobile Menu Button', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
//'mobile_menu_button' => [
// 'label' => esc_html__('Display CTA Button on Mobiles', 'dipi-divi-pixel'),
// 'description' => esc_html__('Enable this option if you want to display CTA button on Mobiles', 'dipi-divi-pixel'),
// 'type' => 'checkbox',
// 'section' => 'mobile_menu_button',
// 'panel' => 'mobile',
// 'active_callback' => $this->show_if_option([
// 'mobile_cta_btn' => 'off',
// ]),
//],
'mobile_button_font' => [
'label' => esc_html__('Select Button Font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'default' => 'none',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_button_font_style' => [
'label' => esc_html__('Button Font Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_button_font_weight' => [
'label' => esc_html__('Button Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'default' => '500',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_button_font_size' => [
'label' => esc_html__('Button Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_button_letter_spacing' => [
'label' => esc_html__('Button Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_button_paddings' => [
'label' => esc_html__('Button Paddings', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 30,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_border_width' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_button_radius' => [
'label' => esc_html__('Button Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_button_background' => [
'label' => esc_html__('Button Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_button_text' => [
'label' => esc_html__('Button Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_shadow_heading' => [
'label' => esc_html__('Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Add Shadow to Your Mobile Menu Button', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_shadow' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_shadow_color' => [
'label' => esc_html__('Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'default' => 'rgba(0,39,56,0.30)',
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_shadow_offset' => [
'label' => esc_html__('Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'default' => '5',
'panel' => 'mobile',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_menu_btn_shadow_blur' => [
'label' => esc_html__('Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_menu_button',
'panel' => 'mobile',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'mobile_cta_btn' => 'off',
]),
],
'mobile_social_icon_disabled' => [
'label' => esc_html__('Customize Social Icons in Mobile Menu', 'dipi-divi-pixel'),
'description' => esc_html__('To add and customize Mobile Menu Social Icons appearance, please anable this option in the Divi Pixel dashboard under Mobile > Mobile Menu > Add Social Icons to Mobile Menu.'),
'type' => 'heading',
'cta' => true,
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'icon' => 'dp-social',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'off',
]),
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'off',
'social_icons_individual_location' => 'off',
], "AND"),
],
'mobile_social_icon_heading' => [
'label' => esc_html__('Mobile Menu Social Icon Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_placement' => [
'label' => esc_html__('Mobile Menu Icons Placement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => 'top',
'options' => [
'top' => esc_html__('Display Above Menu Items', 'dipi-divi-pixel'),
'bottom' => esc_html__('Display Below Menu Items', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_alignment' => [
'label' => esc_html__('Mobile Menu Icons Alignment', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => 'center',
'options' => [
'left' => esc_html__('Left', 'dipi-divi-pixel'),
'center' => esc_html__('Center', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_hover_color' => [
'label' => esc_html__('Hover Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
'default' => '13',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_social_icon_box_heading' => [
'label' => esc_html__('Icon Box Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'icon' => 'dp-social',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_box_style' => [
'label' => esc_html__('Enable Boxed Style', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => 'true',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_box_padding' => [
'label' => esc_html__('Box Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_social_icon_box_radius' => [
'label' => esc_html__('Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_social_icon_box_background' => [
'label' => esc_html__('Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_box_background_hover' => [
'label' => esc_html__('Hover Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_box_shadow_heading' => [
'label' => esc_html__('Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_box_shadow' => [
'label' => esc_html__('Display Icon Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => false,
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_shadow_color' => [
'label' => esc_html__('Icon Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'default' => 'rgba(44,61,73,0.1)',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
],
'mobile_social_icon_shadow_offset' => [
'label' => esc_html__('Icon Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
'default' => '2',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
],
'mobile_social_icon_shadow_blur' => [
'label' => esc_html__('Icon Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'mobile_social_icons',
'panel' => 'mobile',
'active_callback' => $this->show_if_option([
'social_icons_mobile_menu' => 'on',
'social_icons_individual_location' => 'on',
], "OR"),
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
];
}
private function get_general_fields()
{
return [
'browser_scrollbar_disabled_notice' => [
'label' => esc_html__('Custom Browser Scrollbar', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Browser Scrollbar appearance please enable this option in Divi Pixel Dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'browser_scrollbar',
'panel' => 'general',
'cta' => true,
'icon' => 'dp-scrollbar',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'off',
]),
],
'browser_scrollbar_heading' => [
'label' => esc_html__('Browser Scrollbar Styles', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Browser Scrollbar appearance.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'browser_scrollbar',
'panel' => 'general',
'icon' => 'dp-scrollbar',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_background' => [
'label' => esc_html__('Browser Scrollbar Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => '#ffffff',
'section' => 'browser_scrollbar',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_color' => [
'label' => esc_html__('Browser Scrollbar Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'browser_scrollbar',
'default' => '#f05c12',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_width' => [
'label' => esc_html__('Scrollbar Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'browser_scrollbar',
'panel' => 'general',
'default' => 15,
'input_attrs' => [
'min' => 0,
'max' => 30,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'browser_scrollbar',
'panel' => 'general',
'default' => 10,
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_shadow_heading' => [
'label' => esc_html__('Inside Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Scrollbar Inside Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'browser_scrollbar',
'panel' => 'general',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_shadow' => [
'label' => esc_html__('Browser Scrollbar Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'browser_scrollbar',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_shadow_color' => [
'label' => esc_html__('Browser Scrollbar Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'browser_scrollbar',
'panel' => 'general',
'default' => 'grey',
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_shadow_offset' => [
'label' => esc_html__('Browser Scrollbar Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'browser_scrollbar',
'panel' => 'general',
'default' => 0,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'browser_scrollbar_shadow_blur' => [
'label' => esc_html__('Browser Scrollbar Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'browser_scrollbar',
'panel' => 'general',
'default' => 6,
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'browser_scrollbar' => 'on',
]),
],
'lp_disabled_info_bar' => [
'label' => esc_html__('Custom Login Page', 'dipi-divi-pixel'),
'description' => esc_html__('To enable Login Page customization go to DiviPixel Plugin Dashboard and enable Custom Login Page option available in General settings.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'cta' => true,
'icon' => 'dp-login',
'active_callback' => $this->show_if_option([
'login_page' => 'off',
]),
],
'lp_logo_heading' => [
'label' => esc_html__('Page Style and Logo', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Login Page Background and Logo', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-login-logo',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_logo' => [
'label' => esc_html__('Login Page Logo', 'dipi-divi-pixel'),
'description' => esc_html__('Select a file', 'dipi-divi-pixel'),
'type' => 'upload',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_logo_size' => [
'label' => esc_html__('Logo Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 600,
'step' => 1,
'suffix' => 'px'
],
],
'lp_logo_margin' => [
'label' => esc_html__('Logo Bottom Margin', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 120,
'step' => 1,
'suffix' => 'px'
],
],
'lp_background_color' => [
'label' => esc_html__('Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'default' => '#f2f2f5',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_background_image' => [
'label' => esc_html__('Background Image', 'dipi-divi-pixel'),
'description' => esc_html__('Select a file', 'dipi-divi-pixel'),
'type' => 'upload',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_background_image_size' => [
'label' => esc_html__('Background Image Size', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'login_page',
'panel' => 'general',
'default' => 'cover',
'options' => [
'cover' => esc_html__('Cover ', 'dipi-divi-pixel'),
'fit' => esc_html__('Fit', 'dipi-divi-pixel'),
'actual' => esc_html__('Actual Size', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_background_image_repeat' => [
'label' => esc_html__('Background Image Repeat', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'login_page',
'panel' => 'general',
'default' => 'repeat',
'options' => [
'repeat' => esc_html__('Repeat', 'dipi-divi-pixel'),
'repeat-x' => esc_html__('Repeat X', 'dipi-divi-pixel'),
'repeat-y' => esc_html__('Repeat Y', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_style_heading' => [
'label' => esc_html__('Login Form Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Login Page Logo', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-spacing',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_background_image' => [
'label' => esc_html__('Form Background Image', 'dipi-divi-pixel'),
'description' => esc_html__('Select a file', 'dipi-divi-pixel'),
'type' => 'upload',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_background_color' => [
'label' => esc_html__('Form Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_width' => [
'label' => esc_html__('Form Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '450',
'input_attrs' => [
'min' => 0,
'max' => 1000,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_height' => [
'label' => esc_html__('Form Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 1000,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_padding' => [
'label' => esc_html__('Form Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '40',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_border_width' => [
'label' => esc_html__('Form Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_radius' => [
'label' => esc_html__('Form Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '10',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_border_color' => [
'label' => esc_html__('Form Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'panel' => 'general',
],
'lp_form_box_shadow' => [
'label' => esc_html__('Add Form Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'login_page',
'panel' => 'general',
'default' => 'yes',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_box_shadow_color' => [
'label' => esc_html__('Form Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'default' => '#d5d5e4',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_box_shadow_offset' => [
'label' => esc_html__('Form Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_box_shadow_blur' => [
'label' => esc_html__('Form Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '80',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_style_heading' => [
'label' => esc_html__('Login Fields Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Login Page Input Fields', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-controls',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_font' => [
'label' => esc_html__('Select Field Font', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'login_page',
'panel' => 'general',
'default' => 'none',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_font_size' => [
'label' => esc_html__('Field Text Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '16',
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_letter_spacing' => [
'label' => esc_html__('Field Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '1',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_line_height' => [
'label' => esc_html__('Field Text Line Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '1.5',
'input_attrs' => [
'min' => 1,
'max' => 5,
'step' => 0.1
],
],
'lp_form_field_margin' => [
'label' => esc_html__('Field Top/Bottom Margin', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_padding' => [
'label' => esc_html__('Field Paddings', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 30,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_password_eye_button_top' => [
'label' => esc_html__('Password Eye Button Top', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_border_width' => [
'label' => esc_html__('Field Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 5,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_radius' => [
'label' => esc_html__('Field Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_field_border_color' => [
'label' => esc_html__('Field Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'panel' => 'general',
],
'lp_form_field_border_color_hover' => [
'label' => esc_html__('Active Field Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'panel' => 'general',
],
'lp_form_field_background' => [
'label' => esc_html__('Field Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'default' => '#f2f2f2',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_background_active' => [
'label' => esc_html__('Active Field Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_label_color' => [
'label' => esc_html__('Field Label Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_text_color' => [
'label' => esc_html__('Input Field Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_heading' => [
'label' => esc_html__('Login Fields Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Customize login page field shadow.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_inset_shadow' => [
'label' => esc_html__('Remove Field Inset Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow' => [
'label' => esc_html__('Add Field Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_color' => [
'label' => esc_html__('Field Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_offset' => [
'label' => esc_html__('Field Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_blur' => [
'label' => esc_html__('Field Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_color_active' => [
'label' => esc_html__('Active Field Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_offset_active' => [
'label' => esc_html__('Active Field Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_field_shadow_blur_active' => [
'label' => esc_html__('Active Field Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_heading' => [
'label' => esc_html__('Login Button', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Login Button', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_font' => [
'label' => esc_html__('Select Button Font', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'login_page',
'panel' => 'general',
'default' => 'none',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_font_size' => [
'label' => esc_html__('Button Text Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '16',
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_btn_letter_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'default' => '1',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_btn_padding' => [
'label' => esc_html__('Button Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '22',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 30,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_btn_font_weight' => [
'label' => esc_html__('Select Button Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'login_page',
'panel' => 'general',
'default' => 500,
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_txt_style' => [
'label' => esc_html__('Button Font Style', 'dipi-divi-pixel'),
'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_txt_color' => [
'label' => esc_html__('Button Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_text_shadow' => [
'label' => esc_html__('Remove Text Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_text_hover' => [
'label' => esc_html__('Hover Button Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_background' => [
'label' => esc_html__('Button Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_background_hover' => [
'label' => esc_html__('Hover Button Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_border_width' => [
'label' => esc_html__('Button Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 5,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_btn_border_radius' => [
'label' => esc_html__('Button Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'default' => '100',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_btn_border_color' => [
'label' => esc_html__('Button Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_border_hover' => [
'label' => esc_html__('Hover Button Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_shadow_heading' => [
'label' => esc_html__('Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Button Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_color' => [
'label' => esc_html__('Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_offset' => [
'label' => esc_html__('Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_blur' => [
'label' => esc_html__('Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_color_hover' => [
'label' => esc_html__('Hover Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_offset_hover' => [
'label' => esc_html__('Hover Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_btn_box_shadow_blur_hover' => [
'label' => esc_html__('Hover Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_link_heading' => [
'label' => esc_html__('Links Style', 'dipi-divi-pixel'),
'description' => esc_html__('Style Login Page Links', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'login_page',
'panel' => 'general',
'icon' => 'dp-link',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_link_font' => [
'label' => esc_html__('Select Link Font', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'login_page',
'panel' => 'general',
'default' => 'none',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_link_font_size' => [
'label' => esc_html__('Link Text Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
],
'lp_form_link_txt_color' => [
'label' => esc_html__('Link Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'lp_form_link_txt_color_hover' => [
'label' => esc_html__('Hover Link Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'login_page',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'login_page' => 'on',
]),
],
'preloader_disabled_notice' => [
'label' => esc_html__('Enable Preloader Customization', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Preloader styles please enable this option in DiviPixel Dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'preloader',
'panel' => 'general',
'cta' => true,
'icon' => 'dp-preloader',
'active_callback' => $this->show_if_option([
'custom_preloader' => 'off',
]),
],
'preloader_heading' => [
'label' => esc_html__('Preloader Customization', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'preloader',
'panel' => 'general',
'icon' => 'dp-preloader',
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
]),
],
'preloader_color' => [
'label' => esc_html__('Preloader Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'preloader',
'panel' => 'general',
'default' => '#ff4200',
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
'custom_preloader_image' => 'off',
]),
],
'preloader_background_color' => [
'label' => esc_html__('Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'preloader',
'panel' => 'general',
'default' => '#fff',
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
]),
],
'preloader_reveal' => [
'label' => esc_html__('Reveal Animation', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'preloader',
'panel' => 'general',
'default' => 'fade',
'options' => [
'fade' => esc_html__('Fade', 'dipi-divi-pixel'),
'slide_up' => esc_html__('Slide Up', 'dipi-divi-pixel'),
'slide_down' => esc_html__('Slide Down', 'dipi-divi-pixel'),
'slide_left' => esc_html__('Slide Left', 'dipi-divi-pixel'),
'slide_right' => esc_html__('Slide Right', 'dipi-divi-pixel'),
'zoom' => esc_html__('Zoom', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
]),
],
'preloader_reveal_duration' => [
'label' => esc_html__('Reveal Duration', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'preloader',
'panel' => 'general',
'type' => 'range',
'section' => 'preloader',
'panel' => 'general',
'default' => 300,
'input_attrs' => [
'min' => 0,
'max' => 5000,
'step' => 100,
'suffix' => 'ms'
],
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
]),
],
'preloader_reveal_delay' => [
'label' => esc_html__('Reveal Delay', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'preloader',
'panel' => 'general',
'default' => 300,
'input_attrs' => [
'min' => 0,
'max' => 5000,
'step' => 100,
'suffix' => 'ms'
],
'active_callback' => $this->show_if_option([
'custom_preloader' => 'on',
]),
],
'btt_btn_info_bar' => [
'label' => esc_html__('Customize Back To Top Button', 'dipi-divi-pixel'),
'description' => esc_html__('To enable Back To Top button customization go to DiviPixel Plugin Dashboard and enable Custom Back To Top option available in General settings.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'cta' => true,
'panel' => 'general',
'icon' => 'dp-btt',
'active_callback' => $this->show_if_option([
'back_to_top' => 'off',
]),
],
'btt_btn_text_heading' => [
'label' => esc_html__('Button Text Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Button Text', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'panel' => 'general',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_custom_text' => [
'label' => esc_html__('Button Text', 'dipi-divi-pixel'),
'type' => 'text',
'section' => 'back_to_top',
'panel' => 'general',
'default' => 'Top',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_text_placement' => [
'label' => esc_html__('Display Text', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'back_to_top',
'panel' => 'general',
'default' => 'vertically',
'options' => [
'horizontally' => esc_html__('Horizontally', 'dipi-divi-pixel'),
'vertically' => esc_html__('Vertically', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_font' => [
'label' => esc_html__('Text Font', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'back_to_top',
'panel' => 'general',
'default' => 'none',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_text_size' => [
'label' => esc_html__('Button Text Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_text_letter_spacing' => [
'label' => esc_html__('Button Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'input_attrs' => [
'min' => 0,
'max' => 5,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a file', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_text', 'display_text_icon',]
]),
],
'btt_btn_icon_heading' => [
'label' => esc_html__('Button Icon', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Button Icon', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'panel' => 'general',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_icon', 'display_text_icon',]
]),
],
'btt_icon' => [
'label' => esc_html__('Back To Top Icon', 'dipi-divi-pixel'),
'type' => 'divi_icon',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '!',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_icon', 'display_text_icon',]
]),
],
'btt_btn_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
'btt_button_style' => ['display_icon', 'display_text_icon',]
]),
],
'btt_btn_style_heading' => [
'label' => esc_html__('Button Style', 'dipi-divi-pixel'),
'description' => esc_html__('Edit Button Style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'panel' => 'general',
'icon' => 'dp-spacing',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_hover_anim' => [
'label' => esc_html__('Add Hover Animation', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'back_to_top',
'panel' => 'general',
'default' => 'zoomup',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'zoomup' => esc_html__('Move Up', 'dipi-divi-pixel'),
'zoomdown' => esc_html__('Move Down', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_border' => [
'label' => esc_html__('Button Border Radius', 'dipi-divi-pixel'),
'description' => esc_html__('Setup your border radius', 'dipi-divi-pixel'),
'type' => 'border_radii',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '4',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_padding' => [
'label' => esc_html__('Padding', 'dipi-divi-pixel'),
'description' => esc_html__('Setup your padding', 'dipi-divi-pixel'),
'default' => '20',
'type' => 'padding',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_right_margin' => [
'label' => esc_html__('Margin Right', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_bottom_margin' => [
'label' => esc_html__('Margin Bottom', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_colors_heading' => [
'label' => esc_html__('Button Color', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Button Colors', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'panel' => 'general',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_background' => [
'label' => esc_html__('Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'default' => 'rgba(0,0,0,.4)',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_color' => [
'label' => esc_html__('Icon/Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '#fff',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_background_hover' => [
'label' => esc_html__('Hover Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '#000',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_color_hover' => [
'label' => esc_html__('Hover Icon/Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '#fff',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_heading' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Add Shadow to Back To Top Button', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'back_to_top',
'panel' => 'general',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow' => [
'default' => false,
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_color' => [
'label' => esc_html__('Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_offset' => [
'label' => esc_html__('Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_blur' => [
'label' => esc_html__('Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_color_hover' => [
'label' => esc_html__('Hover Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'back_to_top',
'panel' => 'general',
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_offset_hover' => [
'label' => esc_html__('Hover Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
'btt_btn_shadow_blur_hover' => [
'label' => esc_html__('Hover Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'back_to_top',
'panel' => 'general',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'back_to_top' => 'on',
]),
],
];
}
private function get_header_fields()
{
return [
'menu_hover_info' => [
'label' => esc_html__('Hover Animation', 'dipi-divi-pixel'),
'description' => esc_html__('Customize the main menu item hover animation.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'primary_nav',
'panel' => 'header',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'menu_hover_element_color' => [
'label' => esc_html__('Animated Element Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'default' => get_option('accent_color', '#ff4200'),
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'menu_hover_element_color_fixed' => [
'label' => esc_html__('Fixed Animated Element Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'default' => get_option('accent_color', '#ff4200'),
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'menu_hover_element_dot_size' => [
'label' => esc_html__('Dot Animated Element Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 5,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'three_dots'
]
]),
],
// filled_background
'filled_background_border_size' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 2,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
// 'filled_background_border_radii' => [
// 'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
// 'type' => 'range',
// 'section' => 'primary_nav',
// 'panel' => 'header',
// 'default' => 2,
// 'input_attrs' => [
// 'min' => 0,
// 'max' => 100,
// 'step' => 1,
// 'suffix' => 'px'
// ],
// 'active_callback' => $this->show_if_option([
// 'menu_styles' => 'on',
// 'menu_hover_styles' => [
// 'filled_background'
// ]
// ]),
// ],
'filled_background_border_radii' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'border_radii',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'filled_background_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'default' => get_option('accent_color', '#000'),
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'filled_background_shadow' => [
'label' => esc_html__('Filled Background Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'filled_background_shadow_color' => [
'label' => esc_html__('Filled Background Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'filled_background_shadow_offset' => [
'label' => esc_html__('Filled Background Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'filled_background_shadow_blur' => [
'label' => esc_html__('Filled Background Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'filled_background'
]
]),
],
'menu_hover_element_top_size' => [
'label' => esc_html__('1st Animated Element Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 2,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'slide_up_below',
'slide_down_below',
'grow_below_left',
'grow_below_center',
'grow_below_right',
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
]
]),
],
'menu_hover_element_top_space' => [
'label' => esc_html__('1st Animated Element Vertical Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 25,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'three_dots',
'slide_up_below',
'slide_down_below',
'grow_below_left',
'grow_below_center',
'grow_below_right',
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
'bracketed_out',
'bracketed_in',
]
]),
],
'menu_hover_element_top_space' => [
'label' => esc_html__('1st Animated Element Vertical Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 20,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'three_dots',
'slide_up_below',
'slide_down_below',
'grow_below_left',
'grow_below_center',
'grow_below_right',
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
'bracketed_out',
'bracketed_in',
]
]),
],
'menu_hover_element_bottom_space' => [
'label' => esc_html__('2nd Animated Element Vertical Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 20,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'three_dots',
'slide_up_below',
'slide_down_below',
'grow_below_left',
'grow_below_center',
'grow_below_right',
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
'bracketed_out',
'bracketed_in',
]
]),
],
'menu_hover_element_bottom_space' => [
'label' => esc_html__('2nd Animated Element Vertical Bottom Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => -5,
'input_attrs' => [
'min' => -100,
'max' => 0,
'step' => -1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
]
]),
],
'menu_hover_element_top_space_between' => [
'label' => esc_html__('Dot Horizontal Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 10,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'three_dots',
]
]),
],
'menu_hover_element_radius' => [
'label' => esc_html__('Animated Element Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 0,
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'menu_hover_styles' => [
'slide_up_below',
'slide_down_below',
'grow_below_left',
'grow_below_center',
'grow_below_right',
'grow_above_and_below_left',
'grow_above_and_below_center',
'grow_above_and_below_right',
]
]),
],
'active_menu_item_style' => [
'label' => esc_html__('Apply Hover Style To Active Menu Item', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'active_parent_menu_item_style' => [
'label' => esc_html__('Apply Hover Style to Parent Menu item when Submenu Page selected', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 'true',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'disable_element_animations' => [
'label' => esc_html__('Disable Element Animation for Menu Items with Dropdowns', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'primary_nav',
'panel' => 'header',
'default' => 'true',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'main_header_styles_disabled_info' => [
'label' => esc_html__('Customize Main Header Bar', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Main Header Bar shadows enable Header & Navigation customization and disable Remove Main Header Shadow option in Divi Pixel plugin dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'main_header',
'panel' => 'header',
'cta' => true,
'icon' => 'dp-header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'off',
'menu_styles' => 'on',
'header_underline' => 'on',
]),
],
'main_header_shadow_heading' => [
'label' => esc_html__('Main Header Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Main Header Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'main_header',
'panel' => 'header',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'main_header_shadow' => [
'label' => esc_html__('Display Main Header Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'main_header',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'main_header_shadow_color' => [
'label' => esc_html__('Header Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'main_header',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'main_header_shadow_offset' => [
'label' => esc_html__('Header Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'main_header',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'main_header_shadow_blur' => [
'label' => esc_html__('Header Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'main_header',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'fixed_header_shadow_heading' => [
'label' => esc_html__('Fixed Header Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Fixed Header Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'main_header',
'panel' => 'header',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'fixed_header_shadow' => [
'label' => esc_html__('Display Fixed Header Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'main_header',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'fixed_header_shadow_color' => [
'label' => esc_html__('Fixed Header Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'main_header',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'fixed_header_shadow_offset' => [
'label' => esc_html__('Fixed Header Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'main_header',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'fixed_header_shadow_blur' => [
'label' => esc_html__('Fixed Header Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'main_header',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
'header_underline' => 'off',
]),
],
'top_bar_disabled_info' => [
'label' => esc_html__('Customize Top Bar Menu', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Top Bar Menu enable Header & Navigation customization in Divi Pixel plugin dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'top_bar',
'panel' => 'header',
'icon' => 'dp-header',
'cta' => true,
'active_callback' => $this->show_if_option([
'menu_styles' => 'off',
]),
],
'hide_top_bar' => [
'label' => esc_html__('Hide Top Bar on Scroll', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'top_bar',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_font_heading' => [
'label' => esc_html__('Font Customization', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Top Bar Font Styles', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'top_bar',
'panel' => 'header',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_text_size' => [
'label' => esc_html__('Top Bar Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'top_bar',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_letter_spacing' => [
'label' => esc_html__('Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'top_bar',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_font' => [
'label' => esc_html__('Top Bar Text Font', 'dipi-divi-pixel'),
'type' => 'font',
'section' => 'top_bar',
'panel' => 'header',
'default' => 'none',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'top_bar',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'top_bar',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_shadow_heading' => [
'label' => esc_html__('Top Bar Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Top Bar Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'top_bar',
'panel' => 'header',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_shadow' => [
'label' => esc_html__('Display Top Bar Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'top_bar',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_shadow_color' => [
'label' => esc_html__('Top Bar Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'top_bar',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_shadow_offset' => [
'label' => esc_html__('Top Bar Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'top_bar',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'top_bar_shadow_blur' => [
'label' => esc_html__('Top Bar Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'top_bar',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'primary_nav_disabled_info' => [
'label' => esc_html__('Customize Primary Navigation', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Primary Navigation enable Header & Navigation customization in Divi Pixel plugin dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'primary_nav',
'panel' => 'header',
'icon' => 'dp-header',
'cta' => true,
'active_callback' => $this->show_if_option([
'menu_styles' => 'off',
]),
],
'primary_nav_heading' => [
'label' => esc_html__('Customize Primary Navigation', 'dipi-divi-pixel'),
// 'description' => esc_html__('To customize Primary Navigation enable Header & Navigation customization in Divi Pixel plugin dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'primary_nav',
'panel' => 'header',
'icon' => 'dp-header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'primary_nav_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'primary_nav_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'primary_nav_hover_txt_color' => [
'label' => esc_html__('Hover Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'fixed_primary_nav_hover_txt_color' => [
'label' => esc_html__('Fixed Header Hover Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'primary_nav',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'primary_nav_spacing' => [
'label' => esc_html__('Spacing Between Main Menu Items', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'fixed_nav_spacing' => [
'label' => esc_html__('Spacing Between Fixed Nav Menu Items', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'primary_nav',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_styles' => 'on',
]),
],
'dropdown_disabled_info' => [
'label' => esc_html__('Customize Menu Dropdowns', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Menu Dropdowns please enable Customize Header and Navigation Styles/Custom Menu Drodown in Divi Pixel dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_dropdowns',
'panel' => 'header',
'cta' => true,
'icon' => 'dp-dropdown',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'off',
'menu_styles' => 'off',
], "OR"),
],
'dropdown_font_heading' => [
'label' => esc_html__('Font Styles', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Menu Dropdowns Font Styles', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_dropdowns',
'panel' => 'header',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_font_style' => [
'label' => esc_html__('Menu Font Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => '700',
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_text_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => '14',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_letter_spacing' => [
'label' => esc_html__('Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_hover_letter_spacing' => [
'label' => esc_html__('Hover Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_menu_text_color' => [
'label' => esc_html__('Link Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_menu_text_color_hover' => [
'label' => esc_html__('Hover Link Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_menu_text_box_hover' => [
'label' => esc_html__('Hover Link Box Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_animations_heading' => [
'label' => esc_html__('Dropdown Menu Hover Effect', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Dropdown Menu Hover Effect', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_dropdowns',
'panel' => 'header',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_hover_link_animation' => [
'label' => esc_html__('Hover Link Animation', 'dipi-divi-pixel'),
'description' => esc_html__('Select animation for the links on hover.', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => 'none',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'grow' => esc_html__('Grow', 'dipi-divi-pixel'),
'slide_right' => esc_html__('Slide Right', 'dipi-divi-pixel'),
'slide_left' => esc_html__('Slide Left', 'dipi-divi-pixel'),
'move_up' => esc_html__('Move Up', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
//'dropdowns_animations' => [
// 'label' => esc_html__('Enable Dropdown Animation', 'dipi-divi-pixel'),
// 'description' => esc_html__('Enable this option to display custom Dropdowns Animation', 'dipi-divi-pixel'),
// 'type' => 'checkbox',
// 'section' => 'menu_dropdowns',
// 'panel' => 'header',
// 'active_callback' => $this->show_if_option([
// 'custom_dropdown' => 'on',
// 'menu_styles' => 'on',
// ], "AND"),
//],
//'dropdowns_animation_intensity' => [
// 'label' => esc_html__('Animation Intensity', 'dipi-divi-pixel'),
// 'type' => 'range',
// 'section' => 'menu_dropdowns',
// 'panel' => 'header',
// 'input_attrs' => [
// 'min' => 0,
// 'max' => 100,
// 'step' => 1,
// 'suffix' => '%'
// ],
// 'active_callback' => $this->show_if_option([
// 'custom_dropdown' => 'on',
// 'menu_styles' => 'on',
// ], "AND"),
//],
'dropdowns_style_heading' => [
'label' => esc_html__('Dropdown Box Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_dropdowns',
'panel' => 'header',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdown_box_background' => [
'label' => esc_html__('Dropdown Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_box_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_shadow' => [
'label' => esc_html__('Display Dropdown Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Menu Dopdowns Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_shadow_color' => [
'label' => esc_html__('Dropdowns Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_dropdowns',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_shadow_offset' => [
'label' => esc_html__('Dropdowns Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'dropdowns_shadow_blur' => [
'label' => esc_html__('Dropdowns Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_dropdowns',
'panel' => 'header',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_dropdown' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_disabled' => [
'label' => esc_html__('Customize Menu Button', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Menu Button styles please enable Header & Navigation Customization/Add CTA Button to Main Menu option available in Divi Pixel dashboard.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_button',
'panel' => 'header',
'cta' => true,
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'menu_button' => 'off',
'menu_styles' => 'off',
], "OR"),
],
'menu_btn_heading' => [
'label' => esc_html__('Menu Button Font', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Menu Button Font Styles', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_button',
'panel' => 'header',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_text_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_letter_spacing' => [
'label' => esc_html__('Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '700',
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_font_style' => [
'label' => esc_html__('Menu Font Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_text_color' => [
'label' => esc_html__('Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#ffffff80',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_text_color' => [
'label' => esc_html__('Hover Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_text_color' => [
'label' => esc_html__('Fixed Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#ffffff90',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_hover_text_color' => [
'label' => esc_html__('Fixed Hover Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'default' => '#ffffff',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_icon_heading' => [
'label' => esc_html__('Button Icon', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Menu Button icon', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_button',
'panel' => 'header',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_icon_display' => [
'label' => esc_html__('Icon Position', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'menu_button',
'panel' => 'header',
'default' => 'right',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'left' => esc_html__('Left', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_select_icon' => [
'label' => esc_html__('Select Icon', 'dipi-divi-pixel'),
'type' => 'divi_icon',
'section' => 'menu_button',
'panel' => 'header',
'default' => '$',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_style_heading' => [
'label' => esc_html__('Button Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_button',
'panel' => 'header',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_effect' => [
'label' => esc_html__('Button Hover Effect', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'menu_button',
'panel' => 'header',
'default' => 'zoomin',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'moveup' => esc_html__('Move Up', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_padding' => [
'label' => esc_html__('Button Padding', 'dipi-divi-pixel'),
'type' => 'padding',
'default' => '10|20',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_background' => [
'label' => esc_html__('Button Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#2c3d4990',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_background_hover' => [
'label' => esc_html__('Hover Button Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_background' => [
'label' => esc_html__('Fixed Button Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#2c3d4990',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_background_hover' => [
'label' => esc_html__('Fixed Hover Button Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_border_width' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_border_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '50',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_border_color' => [
'label' => esc_html__('Hover Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_border_color' => [
'label' => esc_html__('Fixed Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'fixed_menu_btn_hover_border_color' => [
'label' => esc_html__('Fixed Hover Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_shadow_heading' => [
'label' => esc_html__('Button Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'menu_button',
'panel' => 'header',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_shadow' => [
'label' => esc_html__('Display Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Menu Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_shadow_color' => [
'label' => esc_html__('Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'panel' => 'header',
'default' => '#00000010',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_shadow_offset' => [
'label' => esc_html__('Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_shadow_blur' => [
'label' => esc_html__('Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_shadow' => [
'label' => esc_html__('Hover Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to customize button shadow on hover.', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'menu_button',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_shadow_color' => [
'label' => esc_html__('Hover Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'menu_button',
'default' => '#00000020',
'panel' => 'header',
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_shadow_offset' => [
'label' => esc_html__('Hover Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'menu_btn_hover_shadow_blur' => [
'label' => esc_html__('Hover Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_button',
'panel' => 'header',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 80,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'menu_button' => 'on',
'menu_styles' => 'on',
], "AND"),
],
'social_icon_style_heading' => [
'label' => esc_html__('Social Icon Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Social Media Icons in the Header.', 'dipi-divi-pixel'),
'type' => 'heading',
'icon' => 'dp-social',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_hover_effect' => [
'label' => esc_html__('Social Icon Hover Effect', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => 'zoom',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoom' => esc_html__('Zoom', 'dipi-divi-pixel'),
'slide_up' => esc_html__('Slide Up', 'dipi-divi-pixel'),
'rotate' => esc_html__('Rotate', 'dipi-divi-pixel'),
// 'ripple' => esc_html__('Ripple', 'dipi-divi-pixel'),
],
],
'social_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => '#2c3d49',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_hover_color' => [
'label' => esc_html__('Hover Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => '#ffffff',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_box_heading' => [
'label' => esc_html__('Icon Box Style', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to customize boxed social media icons.', 'dipi-divi-pixel'),
'type' => 'heading',
'icon' => 'dp-spacing',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_box_style' => [
'label' => esc_html__('Enable Boxed Style', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => 'true',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_box_radius' => [
'label' => esc_html__('Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_box_padding' => [
'label' => esc_html__('Icon Box Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_box_background' => [
'label' => esc_html__('Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'default' => 'rgba(44,61,73,0.1)',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_box_background_hover' => [
'label' => esc_html__('Hover Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'default' => '#2c3d49',
'section' => 'menu_social_icons',
'panel' => 'header',
],
//'social_icon_box_shadow' => [
// 'label' => esc_html__('Add Box Shadow', 'dipi-divi-pixel'),
// 'type' => 'checkbox',
// 'section' => 'menu_social_icons',
// 'panel' => 'header',
//],
'social_icon_shadow' => [
'label' => esc_html__('Display Icon Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_shadow_color' => [
'label' => esc_html__('Icon Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => 'rgba(21,2,42,0.1)',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_shadow_offset' => [
'label' => esc_html__('Icon Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '3',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_shadow_blur' => [
'label' => esc_html__('Icon Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_shadow_hover' => [
'label' => esc_html__('Hover Icon Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_shadow_color_hover' => [
'label' => esc_html__('Hover Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => 'rgba(21,2,42,0.15)',
'section' => 'menu_social_icons',
'panel' => 'header',
],
'social_icon_shadow_offset_hover' => [
'label' => esc_html__('Hover Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
],
'social_icon_shadow_blur_hover' => [
'label' => esc_html__('Hover Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'menu_social_icons',
'panel' => 'header',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
],
];
}
private function get_footer_fields()
{
return [
'footer_menu_heading' => [
'label' => esc_html__('Footer Menu Font', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Footer Menu Font.', 'dipi-divi-pixel'),
'type' => 'heading',
'icon' => 'dp-font',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_menu',
'panel' => 'footer',
'default' => 500,
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
],
'footer_menu_spacing' => [
'label' => esc_html__('Spacing Between Menu Items', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_menu',
'panel' => 'footer',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
],
'footer_menu_underline' => [
'label' => esc_html__('Add Underline on Hover', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display animated text underline on hover.', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => false,
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_underline_color' => [
'label' => esc_html__('Hover Underline Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_hover_text_color' => [
'label' => esc_html__('Hover Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_box_heading' => [
'label' => esc_html__('Footer Menu Box Style', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Footer Menu Box Shadow.', 'dipi-divi-pixel'),
'type' => 'heading',
'icon' => 'dp-layers',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_center' => [
'label' => esc_html__('Center Footer Links', 'dipi-divi-pixel'),
//'description' => esc_html__('Enable this option to display Footer Menu Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => false,
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_shadow' => [
'label' => esc_html__('Display Footer Menu Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('Enable this option to display Footer Menu Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => false,
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_shadow_color' => [
'label' => esc_html__('Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_menu',
'panel' => 'footer',
],
'footer_menu_shadow_offset' => [
'label' => esc_html__('Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_menu',
'panel' => 'footer',
'input_attrs' => [
'min' => -20,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
],
'footer_menu_shadow_blur' => [
'label' => esc_html__('Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_menu',
'panel' => 'footer',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
],
'footer_bar_hidden' => [
'label' => esc_html__('Customize Footer Bottom Bar', 'dipi-divi-pixel'),
'description' => esc_html__('It seems you have selected option to hide Footer Bottom Bar. To customize it please disable Hide Bottom Bar option in the Divi Pixel dashboard under General > Footer > Hide Footer Bottom Bar', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'icon' => 'dp-footer',
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'on',
]),
],
'footer_bar_heading' => [
'label' => esc_html__('Footer Bottom Bar', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Footer Bottom Bar.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'icon' => 'dp-footer',
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bottom_center' => [
'label' => esc_html__('Center Bottom Bar Elements', 'dipi-divi-pixel'),
//'description' => esc_html__('Enable this option to display Footer Menu Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'default' => false,
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'default' => 500,
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_text_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_link_color' => [
'label' => esc_html__('Bottom Bar Link Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_hover_link_color' => [
'label' => esc_html__('Bottom Bar Link Color on Hover', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_bar_padding_top_bottom' => [
'label' => esc_html__('Top/Bottom Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_bottom_bar',
'panel' => 'footer',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'hide_bottom_bar' => 'off',
]),
],
'footer_social_icon_style_disabled' => [
'label' => esc_html__('Customize Footer Social Icons', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Social Media Icons in the Footer, please enable this option in Divi Pixel settings, under Social Media tab.', 'dipi-divi-pixel'),
'type' => 'heading',
'cta' => true,
'section' => 'footer_social_icons',
'panel' => 'footer',
'icon' => 'dp-social',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'off',
'social_icons_footer' => 'off',
]),
],
'footer_social_icon_style_heading' => [
'label' => esc_html__('Social Icon Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize Social Media Icons in the Header.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'footer_social_icons',
'panel' => 'footer',
'icon' => 'dp-social',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_hover_effect' => [
'label' => esc_html__('Social Icon Hover Effect', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => 'zoom',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoom' => esc_html__('Zoom', 'dipi-divi-pixel'),
'slide_up' => esc_html__('Slide Up', 'dipi-divi-pixel'),
'rotate' => esc_html__('Rotate', 'dipi-divi-pixel'),
// 'ripple' => esc_html__('Ripple', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_hover_color' => [
'label' => esc_html__('Hover Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_padding' => [
'label' => esc_html__('Icon Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_spacing' => [
'label' => esc_html__('Top/Bottom Icon Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_box_heading' => [
'label' => esc_html__('Icon Box Style', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to customize boxed social media icons.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'footer_social_icons',
'panel' => 'footer',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_box_style' => [
'label' => esc_html__('Enable Boxed Style', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => true,
'section' => 'footer_social_icons',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_box_radius' => [
'label' => esc_html__('Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_box_background' => [
'label' => esc_html__('Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_box_background_hover' => [
'label' => esc_html__('Hover Icon Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow' => [
'label' => esc_html__('Display Icon Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => false,
'section' => 'footer_social_icons',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_color' => [
'label' => esc_html__('Icon Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_offset' => [
'label' => esc_html__('Icon Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '4',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_blur' => [
'label' => esc_html__('Icon Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 80,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_hover' => [
'label' => esc_html__('Hover Icon Box Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Enable this option to display Icon Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'default' => false,
'section' => 'footer_social_icons',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_color_hover' => [
'label' => esc_html__('Hover Icon Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'footer_social_icons',
'panel' => 'footer',
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_offset_hover' => [
'label' => esc_html__('Hover Icon Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '4',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
'footer_social_icon_shadow_blur_hover' => [
'label' => esc_html__('Hover Icon Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'footer_social_icons',
'panel' => 'footer',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 80,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'social_icons_individual_location' => 'on',
'social_icons_footer' => 'on',
], "OR"),
],
];
}
private function get_blog_fields()
{
return [
'blog_archives_disabled_info' => [
'label' => esc_html__('Customize Category & Archive Pages', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Category and Archive pages appearance, please anable this option in the Divi Pixel dashboard under Blog > Custom Archive Page Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-blog',
'cta' => true,
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'off',
]),
],
'blog_archives_title_font' => [
'label' => esc_html__('Title Font', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '24',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_text_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_line_height' => [
'label' => esc_html__('Line Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '600',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_color' => [
'label' => esc_html__('Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_title_font_color_hover' => [
'label' => esc_html__('Font Color on Hover', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_info' => [
'label' => esc_html__('Meta Text Styles', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_text_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_color' => [
'label' => esc_html__('Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_font_color_hover' => [
'label' => esc_html__('Font Color on Hover', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_meta_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'blog_meta_icons' => 'on',
]),
],
'blog_archives_meta_icon_hover_color' => [
'label' => esc_html__('Hover Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'blog_meta_icons' => 'on',
]),
],
'blog_archives_meta_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'blog_meta_icons' => 'on',
]),
],
'blog_archives_excerpt_info' => [
'label' => esc_html__('Excerpt Text Styles', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_font_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_text_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_excerpt_line_height' => [
'label' => esc_html__('Line Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '21',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_excerpt_font_color' => [
'label' => esc_html__('Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
'hide_excerpt_text' => 'off',
], "AND"),
],
'blog_archives_box_info' => [
'label' => esc_html__('Post Box Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_image_height' => [
'label' => esc_html__('Featured Image Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '400',
'input_attrs' => [
'min' => 0,
'max' => 2000,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_content_alignment' => [
'label' => esc_html__('Content Alignment', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'left',
'options' => [
'left' => esc_html__('Left (Default)', 'dipi-divi-pixel'),
'center' => esc_html__('Center', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_hover_animation' => [
'label' => esc_html__('Post Box Hover Animation', 'dipi-divi-pixel'),
'description' => esc_html__('Select hover animation for the single post box.', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'zoomin',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In Image', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out Image', 'dipi-divi-pixel'),
'zoomrotate' => esc_html__('Zoom & Rotate', 'dipi-divi-pixel'),
'blacktocolor' => esc_html__('Black To Color', 'dipi-divi-pixel'),
'zoombox' => esc_html__('Zoom Post Box', 'dipi-divi-pixel'),
'slideupbox' => esc_html__('Move Up Post Box', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_overlay' => [
'label' => esc_html__('Display Image Overlay', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'yes',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_overlay_color' => [
'label' => esc_html__('Overlay Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_overlay_color_hover' => [
'label' => esc_html__('Hover Overlay Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'rgba(0,0,0,0.4)',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_icon' => [
'label' => esc_html__('Display Icon', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'onhover',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'always' => esc_html__('Always', 'dipi-divi-pixel'),
'onhover' => esc_html__('On Hover', 'dipi-divi-pixel'),
'hideonhover' => esc_html__('Hide on Hover', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_select_icon' => [
'label' => esc_html__('Select Icon', 'dipi-divi-pixel'),
'type' => 'divi_icon',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'b',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'default' => '#fff',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archives_box_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_color' => [
'label' => esc_html__('Post Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_color_hover' => [
'label' => esc_html__('Hover Post Box Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_padding' => [
'label' => esc_html__('Post Box Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 80,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_content_padding' => [
'label' => esc_html__('Post Box Content Padding', 'dipi-divi-pixel'),
'type' => 'padding',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '30|50',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_radius' => [
'label' => esc_html__('Post Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_box_border' => [
'label' => esc_html__('Post Box Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_border_color' => [
'label' => esc_html__('Post Box Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_border_color_hover' => [
'label' => esc_html__('Hover Post Box Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_heading' => [
'label' => esc_html__('Post Box Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow' => [
'label' => esc_html__('Add Post Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'yes',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_color' => [
'label' => esc_html__('Post Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'rgba(44,61,73,0.05)',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_offset' => [
'label' => esc_html__('Post Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_blur' => [
'label' => esc_html__('Post Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_color_hover' => [
'label' => esc_html__('Hover Post Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => 'rgba(44,61,73,0.15)',
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_offset_hover' => [
'label' => esc_html__('Hover Post Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'archive_box_shadow_blur_hover' => [
'label' => esc_html__('Hover Post Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives',
'panel' => 'blog',
'default' => '60',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'custom_archive_page' => 'on',
]),
],
'blog_archives_btn_disabled' => [
'label' => esc_html__('Customize Read More Button', 'dipi-divi-pixel'),
'description' => esc_html__('To add and customize Read More Button on Archive and Category Pages please enable this option in Divi Pixel Dashboard under Blog > Add Read More Button', 'dipi-divi-pixel'),
'type' => 'heading',
'cta' => true,
'section' => 'blog_archives_btn',
'panel' => 'blog',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'off',
]),
],
'blog_archives_btn_info' => [
'label' => esc_html__('Button Icon', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_icon',]
]),
],
'archive_btn_enable_icon' => [
'label' => esc_html__('Display Button Icon', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => 'onhover',
'options' => [
'always' => esc_html__('Always', 'dipi-divi-pixel'),
'onhover' => esc_html__('On Hover', 'dipi-divi-pixel'),
'hideonhover' => esc_html__('Hide on Hover', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon',]
]),
],
'archive_btn_icon' => [
'label' => esc_html__('Button Icon', 'dipi-divi-pixel'),
'type' => 'divi_icon',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '$',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_icon',]
]),
],
'archive_btn_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '16',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_icon',]
]),
],
'blog_archives_btn_font_info' => [
'label' => esc_html__('Button Text Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_font_select' => [
'label' => esc_html__('Select Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_font_size' => [
'label' => esc_html__('Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_font_weight' => [
'label' => esc_html__('Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_text_spacing' => [
'label' => esc_html__('Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text',]
]),
],
'blog_archives_btn_font_color' => [
'label' => esc_html__('Text/Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text', 'only_icon']
]),
],
'blog_archives_btn_font_color_hover' => [
'label' => esc_html__('Hover Text/Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
'read_more_button_style' => ['text_icon', 'only_text', 'only_icon']
]),
],
'archive_btn_spacing' => [
'label' => esc_html__('Button Style', 'dipi-divi-pixel'),
'description' => esc_html__('Edit Button Size, Spacing and Style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'icon' => 'dp-controls',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_alignment' => [
'label' => esc_html__('Button Alignment', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('Left (Default)', 'dipi-divi-pixel'),
'center' => esc_html__('Center', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_hover_effect' => [
'label' => esc_html__('Button Hover Effect', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'moveup' => esc_html__('Move Up', 'dipi-divi-pixel'),
// 'ripple' => esc_html__('Ripple', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_padding' => [
'label' => esc_html__('Button Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_margin' => [
'label' => esc_html__('Top/Bottom Margin', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_border_radius' => [
'label' => esc_html__('Button Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_border_width' => [
'label' => esc_html__('Button Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_border_color_hover' => [
'label' => esc_html__('Hover Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_background' => [
'label' => esc_html__('Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_background_hover' => [
'label' => esc_html__('Hover Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_heading' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'description' => esc_html__('Add Shadow to Back To Top Button', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow' => [
'label' => esc_html__('Display Button Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_color' => [
'label' => esc_html__('Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_offset' => [
'label' => esc_html__('Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_blur' => [
'label' => esc_html__('Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_color_hover' => [
'label' => esc_html__('Hover Button Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_offset_hover' => [
'label' => esc_html__('Hover Button Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_btn_shadow_blur_hover' => [
'label' => esc_html__('Hover Button Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_archives_btn',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'add_read_more_archive' => 'on',
]),
],
'archive_sidebar_disabled' => [
'label' => esc_html__('Customize Sidebar', 'dipi-divi-pixel'),
'description' => esc_html__('It seems you have selected to do not display sidebar on your category and archive pages. To enable sidebar customization please make sure you have this option disabled in Divi Pixel Dashboard under Blog > Remove Sidebar.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_sidebar',
'panel' => 'blog',
'cta' => true,
'icon' => 'dp-sidebar',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'on',
]),
],
'archive_sidebar_font_info' => [
'label' => esc_html__('Sidebar Font', 'dipi-divi-pixel'),
'description' => esc_html__('Customize sidebar title font.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_sidebar',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_font_select' => [
'label' => esc_html__('Select Title Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_font_weight' => [
'label' => esc_html__('Title Font Weight', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => 'regular',
'options' => [
'light' => esc_html__('Light', 'dipi-divi-pixel'),
'regular' => esc_html__('Regular', 'dipi-divi-pixel'),
'bold' => esc_html__('Bold', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_font_style' => [
'label' => esc_html__('Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_font_size' => [
'label' => esc_html__('Title Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_text_spacing' => [
'label' => esc_html__('Title Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_font_color' => [
'label' => esc_html__('Title Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_title_background_color' => [
'label' => esc_html__('Title Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_background_color' => [
'label' => esc_html__('Widget Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_style_info' => [
'label' => esc_html__('Sidebar Widget Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize sidebar widget style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_sidebar',
'panel' => 'blog',
'icon' => 'dp-sidebar',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_widget_spacing' => [
'label' => esc_html__('Widget Bottom Margin', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_widget_shadow' => [
'label' => esc_html__('Add Widget Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_widget_shadow_color' => [
'label' => esc_html__('Widget Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_widget_shadow_offset' => [
'label' => esc_html__('Widget Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_widget_shadow_blur' => [
'label' => esc_html__('Widget Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_info' => [
'label' => esc_html__('Search Widget Style', 'dipi-divi-pixel'),
'description' => esc_html__('Customize search widget style.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_sidebar',
'panel' => 'blog',
'icon' => 'dp-search',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_background' => [
'label' => esc_html__('Search Field Background', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_color' => [
'label' => esc_html__('Text Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_padding' => [
'label' => esc_html__('Search Widget Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 40,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => '%'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_border_width' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_sidebar',
'panel' => 'blog',
'default' => '1',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_button_background' => [
'label' => esc_html__('Button Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'archive_sidebar_search_button_color' => [
'label' => esc_html__('Button Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_sidebar',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'remove_sidebar' => 'off',
]),
],
'blog_author_box_disabled' => [
'label' => esc_html__('Customize Author Box', 'dipi-divi-pixel'),
'description' => esc_html__('To customize author box you must first enable that in Divi Pixel settings under Blog > Add Author Box.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'cta' => true,
'icon' => 'dp-author',
'active_callback' => $this->show_if_option([
'author_box' => 'off',
]),
],
'blog_author_box_title_info' => [
'label' => esc_html__('Name Font', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_font_select' => [
'label' => esc_html__('Select Name Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_font_weight' => [
'label' => esc_html__('Name Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '700',
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_font_style' => [
'label' => esc_html__('Name Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_font_size' => [
'label' => esc_html__('Name Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_text_spacing' => [
'label' => esc_html__('Name Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_name_font_color' => [
'label' => esc_html__('Name Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_desc_info' => [
'label' => esc_html__('Description Font', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_font_select' => [
'label' => esc_html__('Description Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_font_weight' => [
'label' => esc_html__('Description Font Weight', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '500',
'input_attrs' => [
'min' => 100,
'max' => 900,
'step' => 100
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_font_style' => [
'label' => esc_html__('Description Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_font_size' => [
'label' => esc_html__('Description Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '14',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_text_spacing' => [
'label' => esc_html__('Description Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_desc_font_color' => [
'label' => esc_html__('Description Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_info' => [
'label' => esc_html__('Author Image Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'icon' => 'dp-author',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_size' => [
'label' => esc_html__('Author Image Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '80',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_border_radius' => [
'label' => esc_html__('Author Image Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '100',
'input_attrs' => [
'min' => 0,
'max' => 200,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_border_width' => [
'label' => esc_html__('Author Image Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_border_color' => [
'label' => esc_html__('Author Image Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_shadow' => [
'label' => esc_html__('Add Author Image Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_shadow_color' => [
'label' => esc_html__('Author Image Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_shadow_offset' => [
'label' => esc_html__('Author Image Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_image_shadow_blur' => [
'label' => esc_html__('Author Image Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_style_info' => [
'label' => esc_html__('Author Box Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'icon' => 'dp-controls',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_content_alignment' => [
'label' => esc_html__('Author Box Content Alignment', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('Left (Default)', 'dipi-divi-pixel'),
'center' => esc_html__('Center', 'dipi-divi-pixel'),
'right' => esc_html__('Right', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_background_color' => [
'label' => esc_html__('Author Box Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_padding' => [
'label' => esc_html__('Author Box Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '40',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_border_radius' => [
'label' => esc_html__('Author Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_border' => [
'label' => esc_html__('Author Box Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_border_color' => [
'label' => esc_html__('Author Box Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_shadow_heading' => [
'label' => esc_html__('Box Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_author_box',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_shadow' => [
'label' => esc_html__('Add Author Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_shadow_color' => [
'label' => esc_html__('Author Box Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_author_box',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_shadow_offset' => [
'label' => esc_html__('Author Box Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'default' => '25',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_author_box_shadow_blur' => [
'label' => esc_html__('Author Box Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_author_box',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'author_box' => 'on',
]),
],
'blog_navigation_disabled' => [
'label' => esc_html__('Customize Post Navigation', 'dipi-divi-pixel'),
'description' => esc_html__('To add and customize Next/Prev post navigation you must first enable that option in Divi Pixel settings under Blog > Add Blog Navigation.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_navigation',
'panel' => 'blog',
'cta' => true,
'icon' => 'dp-nav',
'active_callback' => $this->show_if_option([
'blog_nav' => 'off',
]),
],
'blog_navigation_info' => [
'label' => esc_html__('Navigation Font', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_navigation',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_select' => [
'label' => esc_html__('Button Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_size' => [
'label' => esc_html__('Button Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_weight' => [
'label' => esc_html__('Button Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_style' => [
'label' => esc_html__('Button Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_spacing' => [
'label' => esc_html__('Button Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_icon_size' => [
'label' => esc_html__('Button Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_color' => [
'label' => esc_html__('Button Text/Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_btn_color_hover' => [
'label' => esc_html__('Hover Button Text/Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '#ffffff',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_navigation_style_info' => [
'label' => esc_html__('Navigation Button Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_navigation',
'panel' => 'blog',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_box_padding' => [
'label' => esc_html__('Button Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_border_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '50',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_border' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_border_color_hover' => [
'label' => esc_html__('Border Color Hover', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_background_color' => [
'label' => esc_html__('Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '#f5f5f5',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_background_color_hover' => [
'label' => esc_html__('Background Color Hover', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'default' => '#2c3d49',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_navigation_shadow_heading' => [
'label' => esc_html__('Button Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_navigation',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow' => [
'label' => esc_html__('Add Button Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_color' => [
'label' => esc_html__('Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_offset' => [
'label' => esc_html__('Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_blur' => [
'label' => esc_html__('Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_color_hover' => [
'label' => esc_html__('Hover Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_navigation',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_offset_hover' => [
'label' => esc_html__('Hover Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_nav_shadow_blur_hover' => [
'label' => esc_html__('Hover Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_navigation',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'blog_nav' => 'on',
]),
],
'blog_related_disabled' => [
'label' => esc_html__('Customize Related Articles', 'dipi-divi-pixel'),
'description' => esc_html__('To customize Related Articles section please enable this option in Divi Pixel dashboard under Blog > Related Articles', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'cta' => true,
'icon' => 'dp-related',
'active_callback' => $this->show_if_option([
'related_articles' => 'off',
]),
],
'blog_related_section_font_heading' => [
'label' => esc_html__('Section Title', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_font_select' => [
'label' => esc_html__('Title Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_font_weight' => [
'label' => esc_html__('Title Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_font_style' => [
'label' => esc_html__('Section Title Text Style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_font_size' => [
'label' => esc_html__('Section Title Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '16',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_text_spacing' => [
'label' => esc_html__('Section Title Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_section_font_color' => [
'label' => esc_html__('Section Title Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '#000',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_heading' => [
'label' => esc_html__('Post Title Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'icon' => 'dp-font',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_select' => [
'label' => esc_html__('Post Title Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_weight' => [
'label' => esc_html__('Post Title Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_style' => [
'label' => esc_html__('Post Title Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_size' => [
'label' => esc_html__('Post Title Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_line_height' => [
'label' => esc_html__('Post Title Line Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '18',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_text_spacing' => [
'label' => esc_html__('Post Title Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_color' => [
'label' => esc_html__('Post Title Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_font_color_hover' => [
'label' => esc_html__('Hover Post Title Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_heading' => [
'label' => esc_html__('Post Icon Style', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_effect' => [
'label' => esc_html__('Display Icon', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => 'always',
'options' => [
'always' => esc_html__('Always', 'dipi-divi-pixel'),
'never' => esc_html__('Never', 'dipi-divi-pixel'),
'onhover' => esc_html__('On Hover', 'dipi-divi-pixel'),
'hideonhover' => esc_html__('Hide On Hover', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_select' => [
'label' => esc_html__('Select Icon', 'dipi-divi-pixel'),
'description' => esc_html__('Pick a Divi Icon to be displayed on single blog post.', 'dipi-divi-pixel'),
'type' => 'divi_icon',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_size' => [
'label' => esc_html__('Icon Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => false,
'default' => '20',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_color' => [
'label' => esc_html__('Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_icon_color_hover' => [
'label' => esc_html__('Hover Icon Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_heading' => [
'label' => esc_html__('Post Box Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_title_position' => [
'label' => esc_html__('Display Title Below Image', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_column' => [
'label' => esc_html__('Display Column', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '3',
'options' => [
'2' => esc_html__('Column 2', 'dipi-divi-pixel'),
'3' => esc_html__('Column 3', 'dipi-divi-pixel'),
'4' => esc_html__('Column 4', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_image_height' => [
'label' => esc_html__('Box Image Height', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => false,
'default' => '160',
'input_attrs' => [
'min' => 0,
'max' => 1000,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_hover_effect' => [
'label' => esc_html__('Box Hover Effect', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'moveup' => esc_html__('Move Up', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_image_hover_effect' => [
'label' => esc_html__('Image Hover Effect', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'zoomrotate' => esc_html__('Zoom & Rotate', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_image_overlay_color' => [
'label' => esc_html__('Image Overlay Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_image_overlay_color_hover' => [
'label' => esc_html__('Hover Image Overlay Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_background_color' => [
'label' => esc_html__('Post Box Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '#fff',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_border_radius' => [
'label' => esc_html__('Box Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_border_width' => [
'label' => esc_html__('Box Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_border_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_shadow_heading' => [
'label' => esc_html__('Single Post Box Shadow', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_related_posts',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_shadow' => [
'label' => esc_html__('Add Box Shadow', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => false,
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_shadow_color' => [
'label' => esc_html__('Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'default' => '#000',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_shadow_offset' => [
'label' => esc_html__('Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '5',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_box_shadow_blur' => [
'label' => esc_html__('Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '10',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_hover_box_shadow_color' => [
'label' => esc_html__('Hover Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '#444',
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_hover_box_shadow_offset' => [
'label' => esc_html__('Hover Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '6',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_related_hover_box_shadow_blur' => [
'label' => esc_html__('Hover Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_related_posts',
'panel' => 'blog',
'default' => '12',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'related_articles' => 'on',
]),
],
'blog_comments_disabled' => [
'label' => esc_html__('Customize Comments Form', 'dipi-divi-pixel'),
'description' => esc_html__('To customize blog comments form please enable this option in Divi Pixel Dashboard unde Blog > Customize Comments Section.', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_comments',
'panel' => 'blog',
'cta' => true,
'icon' => 'dp-comments',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'off',
]),
],
'blog_comments_fields_font_heading' => [
'label' => esc_html__('Fields Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_comments',
'panel' => 'blog',
'icon' => 'dp-color',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_font_select' => [
'label' => esc_html__('Field Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_font_weight' => [
'label' => esc_html__('Field Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_font_style' => [
'label' => esc_html__('Field Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_font_size' => [
'label' => esc_html__('Field Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_text_spacing' => [
'label' => esc_html__('Field Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_padding' => [
'label' => esc_html__('Field Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_border_radius' => [
'label' => esc_html__('Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_border' => [
'label' => esc_html__('Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_color' => [
'label' => esc_html__('Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_font_color' => [
'label' => esc_html__('Field Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_background_color' => [
'label' => esc_html__('Field Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_shadow' => [
'label' => esc_html__('Display Field Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_shadow_color' => [
'label' => esc_html__('Field Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_shadow_offset' => [
'label' => esc_html__('Field Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_field_shadow_blur' => [
'label' => esc_html__('Field Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_submit_heading' => [
'label' => esc_html__('Submit Button Style', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_comments',
'panel' => 'blog',
'icon' => 'dp-click',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_submit_btn_effect' => [
'label' => esc_html__('Button Hover Effect', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'select',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => 'none',
'options' => [
'none' => esc_html__('None', 'dipi-divi-pixel'),
'zoomin' => esc_html__('Zoom In', 'dipi-divi-pixel'),
'zoomout' => esc_html__('Zoom Out', 'dipi-divi-pixel'),
'moveup' => esc_html__('Move Up', 'dipi-divi-pixel'),
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_select' => [
'label' => esc_html__('Button Font', 'dipi-divi-pixel'),
'type' => 'font',
'default' => 'none',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_weight' => [
'label' => esc_html__('Button Font Weight', 'dipi-divi-pixel'),
'type' => 'font_weight',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_style' => [
'label' => esc_html__('Button Text Style', 'dipi-divi-pixel'),
// 'description' => esc_html__('Select a font style', 'dipi-divi-pixel'),
'type' => 'font_style',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_size' => [
'label' => esc_html__('Button Font Size', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '15',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_text_spacing' => [
'label' => esc_html__('Button Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_text_spacing_hover' => [
'label' => esc_html__('Hover Button Text Letter Spacing', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 10,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_padding' => [
'label' => esc_html__('Button Padding', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '30',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_border_radius' => [
'label' => esc_html__('Button Border Radius', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 100,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_border' => [
'label' => esc_html__('Button Border Width', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => '0',
'input_attrs' => [
'min' => 0,
'max' => 20,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_color' => [
'label' => esc_html__('Button Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_color' => [
'label' => esc_html__('Button Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_background_color' => [
'label' => esc_html__('Button Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_color_hover' => [
'label' => esc_html__('Hover Button Border Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_font_color_hover' => [
'label' => esc_html__('Hover Button Font Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_background_color_hover' => [
'label' => esc_html__('Hover Button Background Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_heading' => [
'label' => esc_html__('Button Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('custom description', 'dipi-divi-pixel'),
'type' => 'heading',
'section' => 'blog_comments',
'panel' => 'blog',
'icon' => 'dp-layers',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow' => [
'label' => esc_html__('Display Button Shadow', 'dipi-divi-pixel'),
//'description' => esc_html__('Select Button Alignement', 'dipi-divi-pixel'),
'type' => 'checkbox',
'section' => 'blog_comments',
'panel' => 'blog',
'default' => false,
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_color' => [
'label' => esc_html__('Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_offset' => [
'label' => esc_html__('Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_blur' => [
'label' => esc_html__('Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_color_hover' => [
'label' => esc_html__('Hover Shadow Color', 'dipi-divi-pixel'),
'type' => 'color',
'section' => 'blog_comments',
'panel' => 'blog',
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_offset_hover' => [
'label' => esc_html__('Hover Shadow Offset-Y', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
'blog_comments_btn_shadow_blur_hover' => [
'label' => esc_html__('Hover Shadow Blur', 'dipi-divi-pixel'),
'type' => 'range',
'section' => 'blog_comments',
'panel' => 'blog',
'input_attrs' => [
'min' => 0,
'max' => 50,
'step' => 1,
'suffix' => 'px'
],
'active_callback' => $this->show_if_option([
'enable_custom_comments' => 'on',
]),
],
];
}
}
new DIPI_Customizer();