start_controls_section( 'section_scroll_setting', [ 'label' => __( 'Scroll Button', 'easy-elements' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'scroll_btn_icon', [ 'label' => __( 'Icon', 'easy-elements' ), 'type' => Controls_Manager::ICONS, ] ); $this->end_controls_section(); $this->start_controls_section( 'section_scroll_style', [ 'label' => __( 'Scroll Button', 'easy-elements' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'scroll_btn_color', [ 'label' => __( 'Color', 'easy-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} #easyel-top-to-bottom i' => 'color: {{VALUE}};', '{{WRAPPER}} #easyel-top-to-bottom svg, {{WRAPPER}} #easyel-top-to-bottom svg path' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'scroll_btn_bg', [ 'label' => __( 'Background Color', 'easy-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} #easyel-top-to-bottom' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_section(); } protected function render() { $settings = $this->get_settings_for_display(); ?>