| @@ -2,21 +2,72 @@ | ||
| 2 | 2 | if ( ! defined( 'ABSPATH' ) ) { |
| 3 | 3 | die( 'You are not allowed to call this page directly.' ); |
| 4 | 4 | } |
| 5 | 5 | ?> |
| 6 | -<p class="frm6 frm_first frm_form_field"> | |
| 7 | - <label><?php esc_html_e( 'Size', 'formidable' ); ?></label> | |
| 8 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'title_size' ) ); ?>" id="frm_title_size" value="<?php echo esc_attr( $style->post_content['title_size'] ); ?>" /> | |
| 9 | -</p> | |
| 6 | +<div class="frm5 frm_form_field"> | |
| 7 | + <label | |
| 8 | + for="frm_fieldset_color" | |
| 9 | + class="frm-style-item-heading"><?php esc_html_e( 'Color', 'formidable' ); ?></label> | |
| 10 | +</div> | |
| 11 | +<div class="frm7 frm_form_field"> | |
| 12 | + <?php | |
| 13 | + new FrmColorpickerStyleComponent( | |
| 14 | + $frm_style->get_field_name( 'title_color' ), | |
| 15 | + $style->post_content['title_color'], | |
| 16 | + array( | |
| 17 | + 'id' => 'frm_fieldset_color', | |
| 18 | + 'action_slug' => 'title_color', | |
| 19 | + ) | |
| 20 | + ); | |
| 21 | + ?> | |
| 22 | +</div> | |
| 10 | 23 | |
| 11 | -<p class="frm6 frm_end frm_form_field"> | |
| 12 | - <label><?php esc_html_e( 'Color', 'formidable' ); ?></label> | |
| 13 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'title_color' ) ); ?>" id="frm_title_color" class="hex" value="<?php echo esc_attr( $style->post_content['title_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'title_color' ); ?> /> | |
| 14 | -</p> | |
| 15 | -<p class="frm6 frm_first frm_form_field"> | |
| 16 | - <label><?php esc_html_e( 'Margin Top', 'formidable' ); ?></label> | |
| 17 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'title_margin_top' ) ); ?>" id="frm_title_margin_top" value="<?php echo esc_attr( $style->post_content['title_margin_top'] ); ?>" size="4" /> | |
| 18 | -</p> | |
| 19 | -<p class="frm6 frm_form_field"> | |
| 20 | - <label><?php esc_html_e( 'Margin Bottom', 'formidable' ); ?></label> | |
| 21 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'title_margin_bottom' ) ); ?>" id="frm_title_margin_bottom" value="<?php echo esc_attr( $style->post_content['title_margin_bottom'] ); ?>" size="4" /> | |
| 22 | -</p> | |
| 24 | +<div class="frm5 frm_form_field"> | |
| 25 | + <label | |
| 26 | + for="frm_title_size" | |
| 27 | + class="frm-style-item-heading"><?php esc_html_e( 'Font Size', 'formidable' ); ?></label> | |
| 28 | +</div> | |
| 29 | +<div class="frm7 frm_form_field"> | |
| 30 | + <?php | |
| 31 | + new FrmSliderStyleComponent( | |
| 32 | + $frm_style->get_field_name( 'title_size' ), | |
| 33 | + $style->post_content['title_size'], | |
| 34 | + array( | |
| 35 | + 'id' => 'frm_title_size', | |
| 36 | + 'max_value' => 100, | |
| 37 | + ) | |
| 38 | + ); | |
| 39 | + ?> | |
| 40 | +</div> | |
| 41 | + | |
| 42 | +<div class="frm5 frm_form_field"> | |
| 43 | + <label | |
| 44 | + for="frm_title_margins" | |
| 45 | + class="frm-style-item-heading"><?php esc_html_e( 'Margin', 'formidable' ); ?></label> | |
| 46 | +</div> | |
| 47 | +<div class="frm7 frm_form_field"> | |
| 48 | + <?php | |
| 49 | + new FrmSliderStyleComponent( | |
| 50 | + null, | |
| 51 | + $style->post_content['title_margin_top'], | |
| 52 | + array( | |
| 53 | + 'id' => 'frm_title_margins', | |
| 54 | + 'type' => 'vertical-margin', | |
| 55 | + 'max_value' => 100, | |
| 56 | + 'independent_fields' => array( | |
| 57 | + array( | |
| 58 | + 'name' => $frm_style->get_field_name( 'title_margin_top' ), | |
| 59 | + 'value' => $style->post_content['title_margin_top'], | |
| 60 | + 'id' => 'frm_title_margin_top', | |
| 61 | + 'type' => 'top', | |
| 62 | + ), | |
| 63 | + array( | |
| 64 | + 'name' => $frm_style->get_field_name( 'title_margin_bottom' ), | |
| 65 | + 'value' => $style->post_content['title_margin_bottom'], | |
| 66 | + 'id' => 'frm_title_margin_bottom', | |
| 67 | + 'type' => 'bottom', | |
| 68 | + ), | |
| 69 | + ), | |
| 70 | + ) | |
| 71 | + ); | |
| 72 | + ?> | |
| 73 | +</div> | |