start_controls_section( 'wpr_section_custom_css', [ 'label' => sprintf(esc_html__('Custom CSS - %s', 'wpr-addons'), Utilities::get_plugin_name()), 'tab' => Controls_Manager::TAB_ADVANCED ] ); $widget->add_control( 'wpr_custom_css', [ 'type' => Controls_Manager::CODE, 'label' => esc_html__('Custom CSS', 'wpr-addons'), 'language' => 'css', 'render_type' => 'ui', 'label_block' => true, ] ); $widget->add_control( 'wpr_custom_css_description', [ 'raw' => esc_html__('Use "selector" keyword to target wrapper element.', 'wpr-addons'), 'type' => Controls_Manager::RAW_HTML, 'content_classes' => 'elementor-descriptor', 'separator' => 'none' ] ); $widget->end_controls_section(); } public function add_post_css($post_css, $element) { $element_settings = $element->get_settings(); if ( empty($element_settings['wpr_custom_css']) ) { return; } $css = trim($element_settings['wpr_custom_css']); if ( empty($css) ) { return; } $css = str_replace('selector', $post_css->get_element_unique_selector($element), $css); // Add a css comment $css = sprintf('/* Start custom CSS for %s, class: %s */', $element->get_name(), $element->get_unique_selector()) . $css . '/* End custom CSS */'; $post_css->get_stylesheet()->add_raw_css($css); } } new Wpr_Custom_CSS();