start_controls_section( 'section_style_title', array( 'label' => esc_html__( 'Title', 'learnpress' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_responsive_control( 'title_align', array( 'label' => esc_html__( 'Alignment', 'thim-elementorkits' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'thim-elementorkits' ), 'icon' => 'eicon-text-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'thim-elementorkits' ), 'icon' => 'eicon-text-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'thim-elementorkits' ), 'icon' => 'eicon-text-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $title_selector => 'text-align: {{VALUE}}', ), ) ); $this->add_control( 'title_color', array( 'label' => esc_html__( 'Color', 'thim-elementorkits' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $title_selector => 'color: {{VALUE}}', ), ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'title_typography', 'selector' => '{{WRAPPER}} ' . $title_selector, ) ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), array( 'name' => 'title_shadow', 'selector' => '{{WRAPPER}} ' . $title_selector, ) ); $this->add_responsive_control( 'title_spacing', array( 'label' => esc_html__( 'Spacing', 'thim-elementorkits' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'max' => 100, ), ), 'selectors' => array( '{{WRAPPER}} ' . $title_selector => 'margin-bottom: {{SIZE}}{{UNIT}};', ), ) ); $this->end_controls_section(); } public function register_control_style_form_button( $button_selector = '' ) { if ( empty( $button_selector ) ) { return; } $this->start_controls_section( 'section_button_style', array( 'label' => esc_html__( 'Buttons', 'learnpress' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_control( 'button_spacing', array( 'label' => esc_html__( 'Spacing', 'learnpress' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, ), ), 'selectors' => array( 'body {{WRAPPER}} ' . $button_selector => 'margin-top: {{SIZE}}{{UNIT}};', ), ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'button_typography', 'selector' => '{{WRAPPER}} ' . $button_selector, ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'button_border', 'selector' => '{{WRAPPER}} ' . $button_selector, 'exclude' => array( 'color', ), ) ); $this->start_controls_tabs( 'tabs_button_style' ); $this->start_controls_tab( 'tab_button_normal', array( 'label' => esc_html__( 'Normal', 'learnpress' ), ) ); $this->add_control( 'button_background_color', array( 'label' => esc_html__( 'Background Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $button_selector => 'background-color: {{VALUE}};', ), ) ); $this->add_control( 'button_text_color', array( 'label' => esc_html__( 'Text Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $button_selector => 'color: {{VALUE}};', ), ) ); $this->add_control( 'button_border_color', array( 'label' => esc_html__( 'Border Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => array( '{{WRAPPER}} ' . $button_selector => 'border-color: {{VALUE}};', ), 'condition' => array( 'button_border_border!' => '', ), ) ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_button_hover', array( 'label' => __( 'Hover', 'elementor-pro' ), ) ); $this->add_control( 'button_background_color_hover', array( 'label' => esc_html__( 'Background Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $button_selector . ':hover' => 'background-color: {{VALUE}};', ), ) ); $this->add_control( 'button_text_color_hover', array( 'label' => esc_html__( 'Text Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $button_selector . ':hover' => 'color: {{VALUE}};', ), ) ); $this->add_control( 'button_border_color_hover', array( 'label' => esc_html__( 'Border Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => array( '{{WRAPPER}} ' . $button_selector . ':hover' => 'border-color: {{VALUE}};', ), 'condition' => array( 'button_border_border!' => '', ), ) ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'button_border_radius', array( 'label' => esc_html__( 'Border Radius', 'learnpress' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} ' . $button_selector => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'separator' => 'before', ) ); $this->add_control( 'button_text_padding', array( 'label' => esc_html__( 'Text Padding', 'learnpress' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} ' . $button_selector => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); } public function register_control_style_form_field( $selector = '', $field = '' ) { if ( empty( $selector ) || empty( $field ) ) { return; } $this->start_controls_section( 'section_style_form', array( 'label' => esc_html__( 'Form', 'learnpress' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_control( 'row_gap', array( 'label' => esc_html__( 'Rows Gap', 'learnpress' ), 'type' => Controls_Manager::SLIDER, 'default' => array( 'size' => 10, ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 60, ), ), 'selectors' => array( '{{WRAPPER}} ' . $selector . ' ' . $field => 'margin-bottom: {{SIZE}}{{UNIT}};', '{{WRAPPER}} ' . $selector => 'margin-bottom: -{{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'heading_label', array( 'label' => esc_html__( 'Label', 'learnpress' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ) ); $this->add_control( 'label_spacing', array( 'label' => esc_html__( 'Spacing', 'learnpress' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 60, ), ), 'selectors' => array( 'body {{WRAPPER}} ' . $selector . ' label' => 'margin-bottom: {{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'label_color', array( 'label' => esc_html__( 'Text Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $selector . ' label' => 'color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'label_typography', 'selector' => '{{WRAPPER}} ' . $selector . ' label', ) ); $this->add_control( 'field_label', array( 'label' => esc_html__( 'Field', 'learnpress' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ) ); $this->add_control( 'field_text_color', array( 'label' => esc_html__( 'Text Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $selector . ' ' . $field . ' input, {{WRAPPER}} ' . $selector . ' ' . $field . ' textarea' => 'color: {{VALUE}};', ), ) ); $this->add_control( 'field_bg_color', array( 'label' => esc_html__( 'Background Color', 'learnpress' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $selector . ' ' . $field . ' input, {{WRAPPER}} ' . $selector . ' ' . $field . ' textarea' => 'background-color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'field_border', 'label' => esc_html__( 'Border', 'learnpress' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $selector . ' ' . $field . ' input, {{WRAPPER}} ' . $selector . ' ' . $field . ' textarea', ) ); $this->add_control( 'field_border_radius', array( 'label' => esc_html__( 'Border Radius', 'learnpress' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} ' . $selector . ' ' . $field . ' input, {{WRAPPER}} ' . $selector . ' ' . $field . ' textarea' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); } public function register_control_style_message() { $this->start_controls_section( 'section_style_message', array( 'label' => esc_html__( 'Message', 'learnpress' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'message_border', 'selector' => '{{WRAPPER}} .learn-press-message', 'exclude' => array( 'color' ), ) ); $this->add_control( 'message_border_color', array( 'label' => esc_html__( 'Border Color', 'thim-elementorkits' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .learn-press-message' => 'border-color: {{VALUE}}', '{{WRAPPER}} .learn-press-message::before, {{WRAPPER}} .learn-press-message::after' => 'background: {{VALUE}}', ), ) ); $this->add_control( 'message_bg_color', array( 'label' => esc_html__( 'Background Color', 'thim-elementorkits' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .learn-press-message' => 'background-color: {{VALUE}}', ), ) ); $this->add_control( 'message_color', array( 'label' => esc_html__( 'Color', 'thim-elementorkits' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .learn-press-message' => 'color: {{VALUE}}', ), ) ); $this->end_controls_section(); } protected function register_controls() { } }