add_control( 'notice', array( 'raw' => esc_html__( 'Used in: more posts, single post gallery, archive post gallery.', 'bella-beauty' ), 'type' => Controls_Manager::RAW_HTML, 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', 'render_type' => 'ui', ) ); $this->add_var_group_control( '', self::VAR_TYPOGRAPHY ); $this->add_control( 'colors_text', array( 'label' => esc_html__( 'Text', 'bella-beauty' ), 'type' => Controls_Manager::COLOR, 'dynamic' => array(), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'colors_text' ) . ': {{VALUE}};', ), ) ); $this->add_control( 'colors_bg', array( 'label' => esc_html__( 'Background', 'bella-beauty' ), 'type' => Controls_Manager::COLOR, 'dynamic' => array(), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'colors_bg' ) . ': {{VALUE}};', ), ) ); $this->add_control( 'colors_bd', array( 'label' => esc_html__( 'Border', 'bella-beauty' ), 'type' => Controls_Manager::COLOR, 'dynamic' => array(), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'colors_bd' ) . ': {{VALUE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'border_border!' ) => 'none', ), ) ); $this->add_var_group_control( '', self::VAR_BORDER, array( 'fields_options' => array( 'width' => array( 'label' => esc_html__( 'Border Width', 'bella-beauty' ) ), ), 'exclude' => array( 'color' ), ) ); $this->add_control( 'bd_radius', array( 'label' => esc_html__( 'Border Radius', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%' ), 'range' => array( 'px' => array( 'max' => 100, 'min' => 0, ), '%' => array( 'max' => 50, 'min' => 0, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'bd_radius' ) . ': {{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'spacing', array( 'label' => esc_html__( 'Spacing', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px' ), 'range' => array( 'px' => array( 'max' => 30, 'min' => 0, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'spacing' ) . ': {{SIZE}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'padding', array( 'label' => esc_html__( 'Padding', 'bella-beauty' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px' ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'padding_top' ) . ': {{TOP}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'padding_right' ) . ': {{RIGHT}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'padding_bottom' ) . ': {{BOTTOM}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'padding_left' ) . ': {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'margin', array( 'label' => esc_html__( 'Margin', 'bella-beauty' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px' ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'margin_top' ) . ': {{TOP}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'margin_right' ) . ': {{RIGHT}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'margin_bottom' ) . ': {{BOTTOM}}{{UNIT}};' . '--' . $this->get_control_prefix_parameter( '', 'margin_left' ) . ': {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'jc', array( 'label' => esc_html__( 'Horizontal Alignment', 'bella-beauty' ), 'label_block' => false, 'type' => Controls_Manager::CHOOSE, 'options' => array( 'flex-start' => array( 'title' => esc_html__( 'Start', 'bella-beauty' ), 'icon' => 'eicon-h-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'bella-beauty' ), 'icon' => 'eicon-h-align-center', ), 'flex-end' => array( 'title' => esc_html__( 'End', 'bella-beauty' ), 'icon' => 'eicon-h-align-right', ), ), 'toggle' => true, 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'jc' ) . ': {{VALUE}};', ), ) ); $this->add_responsive_control( 'ai', array( 'label' => esc_html__( 'Vertical Alignment', 'bella-beauty' ), 'label_block' => false, 'type' => Controls_Manager::CHOOSE, 'options' => array( 'flex-start' => array( 'title' => esc_html__( 'Start', 'bella-beauty' ), 'icon' => 'eicon-v-align-top', ), 'center' => array( 'title' => esc_html__( 'Center', 'bella-beauty' ), 'icon' => ' eicon-v-align-middle', ), 'flex-end' => array( 'title' => esc_html__( 'End', 'bella-beauty' ), 'icon' => 'eicon-v-align-bottom', ), ), 'toggle' => true, 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'ai' ) . ': {{VALUE}};', ), ) ); } }