Current File : /home/tekstore/public_html/wp-content/themes/cerato/inc/customize/options/form-style.php

<?php
/**
 * Customize for Form field and Button Style
 */
return [ 
    [
        'name' => 'zoo_form_field_style',
        'type' => 'section',
        'label' => esc_html__('Form Field and Button Style', 'cerato'),
        'panel' => 'zoo_style',
    ],
    [
        'name' => 'zoo_form_field_heading_color',
        'type' => 'heading',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Form Field', 'cerato'),
    ],
    [
        'name' => 'zoo_form_field_color',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Color', 'cerato'),
        'selector' => '.text-field, input[type="text"], input[type="search"], input[type="password"], textarea, input[type="email"], input[type="tel"]',
        'css_format' => 'color: {{value}};',
    ],    [
        'name' => 'zoo_form_field_border_color',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Border Color', 'cerato'),
        'selector' => '.text-field, input[type="text"], input[type="search"], input[type="password"], textarea, input[type="email"], input[type="tel"]',
        'css_format' => 'border-color: {{value}};',
    ],[
        'name' => 'zoo_form_field_border_color_active',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Border Color Active', 'cerato'),
        'selector' => '.text-field:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, input[type="email"]:focus, input[type="tel"]:focus',
        'css_format' => 'border-color: {{value}};',
    ],
    [
        'name' => 'zoo_form_field_background',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Background', 'cerato'),
        'selector' => '.text-field, input[type="text"], input[type="search"], input[type="password"], textarea, input[type="email"], input[type="tel"]',
        'css_format' => 'background-color: {{value}};',
    ],
    [
        'name' => 'zoo_form_field_button_heading',
        'type' => 'heading',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Button', 'cerato'),
    ],
    [
        'name' => 'zoo_button_color',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Color', 'cerato'),
        'selector' => '.btn, input[type="submit"], .button, button',
        'css_format' => 'color: {{value}};',
    ], [
        'name' => 'zoo_button_background_color',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Background Color', 'cerato'),
        'selector' => '.btn, input[type="submit"], .button, button',
        'css_format' => 'background-color: {{value}};',
    ],[
        'name' => 'zoo_button_color_hover',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Color hover', 'cerato'),
        'selector' => '.btn:hover, input[type="submit"]:hover, .button:hover, button:hover',
        'css_format' => 'color: {{value}};',
    ],[
        'name' => 'zoo_button_background_color_hover',
        'type' => 'color',
        'section' => 'zoo_form_field_style',
        'title' => esc_html__('Background Color hover', 'cerato'),
        'selector' => '.btn:hover, input[type="submit"]:hover, .button:hover, button:hover',
        'css_format' => 'background-color: {{value}};',
    ],
];