[Back] <?php
/**
* @author Spexo
* @since 1.0.0
* @version 1.0.0
*/
$opt_name = TMPCODER_THEME_OPTION_NAME;
Redux::setSection( $opt_name,
array(
'title' => esc_html__( 'Buttons','spexo' ),
'id' => 'spexo_button_options',
'icon' => 'el el-cog',
)
);
Redux::setSection( $opt_name,
array(
'title' => esc_html__( 'Desktop','spexo' ),
'id' => 'spexo_section_button_options',
'subsection' => true,
'heading' => '',
'icon' => 'el el-btn',
'desc' => "Set button colors, background & font style for Desktop",
'fields' => array(
array(
'id' => 'button_style',
'type' => 'typography',
'title' => __('Button Style','spexo'),
'google' => true,
'all_styles' => true,
'output' => array(),
'units' =>'px',
'subtitle' => __('Typography option with each property can be called individually.','spexo'),
'subsets' => false,
'font-backup' => false,
'text-transform' => true,
'text-align' => true,
'letter-spacing' => true,
'default' => array(
'font-family' => 'Poppins',
'font-style' => '600',
'font-size' => '16px',
'line-height' => '20px',
'letter-spacing' => '1px',
'color' => '#ffffff',
),
),
array(
'id' => 'site_button_text_hover',
'type' => 'color',
'title' => esc_html__( 'Site Button Font Hover Color','spexo' ),
'subtitle' => esc_html__( 'Set your theme site button font hover color','spexo' ),
'output' => array(), // An array of CSS selectors
'transparent' => false,
'default' => '#5729d9',
'validate' => 'color',
),
array(
'id' => 'site_button_color',
'type' => 'color',
'title' => esc_html__( 'Site Button Background Color','spexo' ),
'subtitle' => esc_html__( 'Set your theme site button background color','spexo' ),
'output' => array(), // An array of CSS selectors
'default' => '#5729d9',
'validate' => 'color',
),
array(
'id' => 'site_button_color_hover',
'type' => 'color',
'title' => esc_html__( 'Site Button Background Hover Color','spexo' ),
'subtitle' => esc_html__( 'Set your theme site button background hover color','spexo' ),
'output' => array(), // An array of CSS selectors
'default' => 'transparent',
'validate' => 'color',
),
array(
'id' => 'button_border',
'type' => 'border',
'title' => __('Button Border','spexo'),
'all' => false,
'default' => array(
'border-color' => '#5729d9',
'border-style' => 'solid',
'border-top' => '1px',
'border-right' => '1px',
'border-bottom' => '1px',
'border-left' => '1px'
)
),
array(
'id' => 'button_border_hover',
'type' => 'border',
'title' => __('Button Border Hover','spexo'),
'all' => false,
'default' => array(
'border-color' => '#5729d9',
'border-hover-style' => 'solid',
'border-hover-top' => '0px',
'border-hover-right' => '0px',
'border-hover-bottom' => '0px',
'border-hover-left' => '0px'
)
),
array(
'id' => 'button_border_radius',
'type' => 'slider',
'title' => __('Button Border Radius','spexo'),
'subtitle' => __('if set Border Radius - 0 then Border Radius unset','spexo'),
"default" => 4,
"min" => 0,
"step" => 1,
"max" => 100,
'display_value' => 'text'
),
array(
'id' => 'button_padding',
'type' => 'border',
'title' => __('Button Padding','spexo'),
'all' => false,
'color' => false,
'style' => false,
'default' => array(
'border-top' => '10px',
'border-right' => '15px',
'border-bottom' => '10px',
'border-left' => '15px'
)
),
)
)
);
Redux::setSection( $opt_name,
array(
'title' => esc_html__( 'Tablet','spexo' ),
'id' => 'spexo_section_button_options_tablet',
'subsection' => true,
'heading' => '',
'icon' => 'el el-btn',
'desc' => "Set button font style for tablet",
'fields' => array(
array(
'id' => 'button_style_tablet',
'type' => 'typography',
'title' => __('Button Style','spexo'),
'google' => true,
'all_styles' => true,
'output' => array(),
'units' =>'px',
'subtitle' => __('Typography option with each property can be called individually.','spexo'),
'subsets' => false,
'font-backup' => false,
'font-style' => false,
'font-weight' => false,
'text-transform' => false,
'text-align' => false,
'font-family' => false,
'letter-spacing' => true,
'color' => false,
'default' => array(
'font-size' => '16px',
'line-height' => '20px',
'letter-spacing' => '1px',
),
),
array(
'id' => 'button_padding_tablet',
'type' => 'border',
'title' => __('Button Padding','spexo'),
'all' => false,
'color' => false,
'style' => false,
'default' => array(
'border-top' => '5px',
'border-right' => '5px',
'border-bottom' => '5px',
'border-left' => '5px'
)
),
)
)
);
Redux::setSection( $opt_name,
array(
'title' => esc_html__( 'Mobile','spexo' ),
'id' => 'spexo_section_button_options_mobile',
'subsection' => true,
'heading' => '',
'icon' => 'el el-btn',
'desc' => "Set button font style for mobile",
'fields' => array(
array(
'id' => 'button_style_mobile',
'type' => 'typography',
'title' => __('Button Style','spexo'),
'google' => true,
'all_styles' => true,
'output' => array(),
'units' =>'px',
'subtitle' => __('Typography option with each property can be called individually.','spexo'),
'subsets' => false,
'font-backup' => false,
'font-style' => false,
'font-weight' => false,
'text-transform' => false,
'text-align' => false,
'font-family' => false,
'letter-spacing' => true,
'color' => false,
'default' => array(
'font-size' => '16px',
'line-height' => '20px',
'letter-spacing' => '1px',
),
),
array(
'id' => 'button_padding_mobile',
'type' => 'border',
'title' => __('Button Padding','spexo'),
'all' => false,
'color' => false,
'style' => false,
'default' => array(
'border-top' => '5px',
'border-right' => '5px',
'border-bottom' => '5px',
'border-left' => '5px'
)
),
)
)
);