Moving slides from slider module to child theme - kary4/divituts GitHub Wiki
If you want to add some custom features to your slides in slider module and you don't want to lose the changes when you update/reinstall then you need to use child theme. Firstly you need to redefine the slides in child theme and then you can add any changes to the slides. Here are the steps you need to follow to move slides to child theme
- Create a new folder inside your child theme, called custom-modules.
- In custom-modules, please create a new file called cfwpm.php and paste this code inside:
<?php
class Custom_ET_Builder_Module_Slider_Item extends ET_Builder_Module {
function init() {
$this->name = esc_html__( 'Slide', 'et_builder' );
$this->slug = 'et_pb_slide';
$this->type = 'child';
$this->child_title_var = 'admin_title';
$this->child_title_fallback_var = 'heading';
$this->whitelisted_fields = array(
'heading',
'admin_title',
'button_text',
'button_link',
'background_image',
'background_position',
'background_size',
'background_color',
'image',
'alignment',
'video_url',
'image_alt',
'background_layout',
'video_bg_mp4',
'video_bg_webm',
'video_bg_width',
'video_bg_height',
'allow_player_pause',
'content_new',
'arrows_custom_color',
'dot_nav_custom_color',
'use_bg_overlay',
'use_text_overlay',
'bg_overlay_color',
'text_overlay_color',
'text_border_radius',
);
$this->fields_defaults = array(
'button_link' => array( '#' ),
'background_position' => array( 'default' ),
'background_size' => array( 'default' ),
'background_color' => array( '#ffffff', 'only_default_setting' ),
'alignment' => array( 'center' ),
'background_layout' => array( 'dark' ),
'allow_player_pause' => array( 'off' ),
);
$this->advanced_setting_title_text = esc_html__( 'New Slide', 'et_builder' );
$this->settings_text = esc_html__( 'Slide Settings', 'et_builder' );
$this->main_css_element = '%%order_class%%';
$this->advanced_options = array(
'fonts' => array(
'header' => array(
'label' => esc_html__( 'Header', 'et_builder' ),
'css' => array(
'main' => ".et_pb_slider {$this->main_css_element} .et_pb_slide_description .et_pb_slide_title",
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '100',
'step' => '0.1',
),
),
),
'body' => array(
'label' => esc_html__( 'Body', 'et_builder' ),
'css' => array(
'main' => "{$this->main_css_element} .et_pb_slide_content",
'line_height' => "{$this->main_css_element} p",
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '100',
'step' => '0.1',
),
),
),
),
'button' => array(
'button' => array(
'label' => esc_html__( 'Button', 'et_builder' ),
'css' => array(
'main' => ".et_pb_slider {$this->main_css_element}.et_pb_slide .et_pb_button",
),
),
),
);
$this->custom_css_options = array(
'slide_title' => array(
'label' => esc_html__( 'Slide Title', 'et_builder' ),
'selector' => '.et_pb_slide_description h2',
),
'slide_container' => array(
'label' => esc_html__( 'Slide Description Container', 'et_builder' ),
'selector' => '.et_pb_container',
),
'slide_description' => array(
'label' => esc_html__( 'Slide Description', 'et_builder' ),
'selector' => '.et_pb_slide_description',
),
'slide_button' => array(
'label' => esc_html__( 'Slide Button', 'et_builder' ),
'selector' => 'a.et_pb_more_button',
),
'slide_image' => array(
'label' => esc_html__( 'Slide Image', 'et_builder' ),
'selector' => '.et_pb_slide_image',
),
);
}
function get_fields() {
$fields = array(
'heading' => array(
'label' => esc_html__( 'Heading', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Define the title text for your slide.', 'et_builder' ),
),
'button_text' => array(
'label' => esc_html__( 'Button Text', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Define the text for the slide button', 'et_builder' ),
),
'button_link' => array(
'label' => esc_html__( 'Button URL', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input a destination URL for the slide button.', 'et_builder' ),
),
'background_image' => array(
'label' => esc_html__( 'Background Image', 'et_builder' ),
'type' => 'upload',
'option_category' => 'basic_option',
'upload_button_text' => esc_attr__( 'Upload an image', 'et_builder' ),
'choose_text' => esc_attr__( 'Choose a Background Image', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Background', 'et_builder' ),
'description' => esc_html__( 'If defined, this image will be used as the background for this module. To remove a background image, simply delete the URL from the settings field.', 'et_builder' ),
),
'background_position' => array(
'label' => esc_html__( 'Background Image Position', 'et_builder' ),
'type' => 'select',
'option_category' => 'layout',
'options' => array(
'default' => esc_html__( 'Default', 'et_builder' ),
'center' => esc_html__( 'Center', 'et_builder' ),
'top_left' => esc_html__( 'Top Left', 'et_builder' ),
'top_center' => esc_html__( 'Top Center', 'et_builder' ),
'top_right' => esc_html__( 'Top Right', 'et_builder' ),
'center_right' => esc_html__( 'Center Right', 'et_builder' ),
'center_left' => esc_html__( 'Center Left', 'et_builder' ),
'bottom_left' => esc_html__( 'Bottom Left', 'et_builder' ),
'bottom_center' => esc_html__( 'Bottom Center', 'et_builder' ),
'bottom_right' => esc_html__( 'Bottom Right', 'et_builder' ),
),
),
'background_size' => array(
'label' => esc_html__( 'Background Image Size', 'et_builder' ),
'type' => 'select',
'option_category' => 'layout',
'options' => array(
'default' => esc_html__( 'Default', 'et_builder' ),
'cover' => esc_html__( 'Cover', 'et_builder' ),
'contain' => esc_html__( 'Fit', 'et_builder' ),
'initial' => esc_html__( 'Actual Size', 'et_builder' ),
),
),
'background_color' => array(
'label' => esc_html__( 'Background Color', 'et_builder' ),
'type' => 'color-alpha',
'description' => esc_html__( 'Use the color picker to choose a background color for this module.', 'et_builder' ),
),
'image' => array(
'label' => esc_html__( 'Slide Image', 'et_builder' ),
'type' => 'upload',
'option_category' => 'configuration',
'upload_button_text' => esc_attr__( 'Upload an image', 'et_builder' ),
'choose_text' => esc_attr__( 'Choose a Slide Image', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Slide Image', 'et_builder' ),
'description' => esc_html__( 'If defined, this slide image will appear to the left of your slide text. Upload an image, or leave blank for a text-only slide.', 'et_builder' ),
),
'use_bg_overlay' => array(
'label' => esc_html__( 'Use Background Overlay', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'options' => array(
'off' => esc_html__( 'No', 'et_builder' ),
'on' => esc_html__( 'yes', 'et_builder' ),
),
'affects' => array(
'#et_pb_bg_overlay_color',
),
'description' => esc_html__( 'When enabled, a custom overlay color will be added above your background image and behind your slider content.', 'et_builder' ),
),
'bg_overlay_color' => array(
'label' => esc_html__( 'Background Overlay Color', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'depends_show_if' => 'on',
'description' => esc_html__( 'Use the color picker to choose a color for the background overlay.', 'et_builder' ),
),
'use_text_overlay' => array(
'label' => esc_html__( 'Use Text Overlay', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'options' => array(
'off' => esc_html__( 'No', 'et_builder' ),
'on' => esc_html__( 'yes', 'et_builder' ),
),
'affects' => array(
'#et_pb_text_overlay_color',
),
'description' => esc_html__( 'When enabled, a background color is added behind the slider text to make it more readable atop background images.', 'et_builder' ),
),
'text_overlay_color' => array(
'label' => esc_html__( 'Text Overlay Color', 'et_builder' ),
'type' => 'color-alpha',
'custom_color' => true,
'depends_show_if' => 'on',
'description' => esc_html__( 'Use the color picker to choose a color for the text overlay.', 'et_builder' ),
),
'alignment' => array(
'label' => esc_html__( 'Slide Image Vertical Alignment', 'et_builder' ),
'type' => 'select',
'option_category' => 'layout',
'options' => array(
'center' => esc_html__( 'Center', 'et_builder' ),
'bottom' => esc_html__( 'Bottom', 'et_builder' ),
),
'description' => esc_html__( 'This setting determines the vertical alignment of your slide image. Your image can either be vertically centered, or aligned to the bottom of your slide.', 'et_builder' ),
),
'video_url' => array(
'label' => esc_html__( 'Slide Video', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'If defined, this video will appear to the left of your slide text. Enter youtube or vimeo page url, or leave blank for a text-only slide.', 'et_builder' ),
),
'image_alt' => array(
'label' => esc_html__( 'Image Alternative Text', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'If you have a slide image defined, input your HTML ALT text for the image here.', 'et_builder' ),
),
'background_layout' => array(
'label' => esc_html__( 'Text Color', 'et_builder' ),
'type' => 'select',
'option_category' => 'color_option',
'options' => array(
'dark' => esc_html__( 'Light', 'et_builder' ),
'light' => esc_html__( 'Dark', 'et_builder' ),
),
'description' => esc_html__( 'Here you can choose whether your text is light or dark. If you have a slide with a dark background, then choose light text. If you have a light background, then use dark text.' , 'et_builder' ),
),
'video_bg_mp4' => array(
'label' => esc_html__( 'Background Video MP4', 'et_builder' ),
'type' => 'upload',
'option_category' => 'basic_option',
'data_type' => 'video',
'upload_button_text' => esc_attr__( 'Upload a video', 'et_builder' ),
'choose_text' => esc_attr__( 'Choose a Background Video MP4 File', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Background Video', 'et_builder' ),
'description' => et_get_safe_localization( __( 'All videos should be uploaded in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers. Upload the .MP4 version here. <b>Important Note: Video backgrounds are disabled from mobile devices. Instead, your background image will be used. For this reason, you should define both a background image and a background video to ensure best results.</b>', 'et_builder' ) ),
),
'video_bg_webm' => array(
'label' => esc_html__( 'Background Video Webm', 'et_builder' ),
'type' => 'upload',
'option_category' => 'basic_option',
'data_type' => 'video',
'upload_button_text' => esc_attr__( 'Upload a video', 'et_builder' ),
'choose_text' => esc_attr__( 'Choose a Background Video WEBM File', 'et_builder' ),
'update_text' => esc_attr__( 'Set As Background Video', 'et_builder' ),
'description' => et_get_safe_localization( __( 'All videos should be uploaded in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers. Upload the .WEBM version here. <b>Important Note: Video backgrounds are disabled from mobile devices. Instead, your background image will be used. For this reason, you should define both a background image and a background video to ensure best results.</b>', 'et_builder' ) ),
),
'video_bg_width' => array(
'label' => esc_html__( 'Background Video Width', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'In order for videos to be sized correctly, you must input the exact width (in pixels) of your video here.' ,'et_builder' ),
),
'video_bg_height' => array(
'label' => esc_html__( 'Background Video Height', 'et_builder' ),
'type' => 'text',
'option_category' => 'basic_option',
'description' => esc_html__( 'In order for videos to be sized correctly, you must input the exact height (in pixels) of your video here.' ,'et_builder' ),
),
'allow_player_pause' => array(
'label' => esc_html__( 'Pause Video', 'et_builder' ),
'type' => 'yes_no_button',
'option_category' => 'configuration',
'options' => array(
'off' => esc_html__( 'No', 'et_builder' ),
'on' => esc_html__( 'Yes', 'et_builder' ),
),
'description' => esc_html__( 'Allow video to be paused by other players when they begin playing' ,'et_builder' ),
),
'content_new' => array(
'label' => esc_html__( 'Content', 'et_builder' ),
'type' => 'tiny_mce',
'option_category' => 'basic_option',
'description' => esc_html__( 'Input your main slide text content here.', 'et_builder' ),
),
'arrows_custom_color' => array(
'label' => esc_html__( 'Arrows Custom Color', 'et_builder' ),
'type' => 'color',
'custom_color' => true,
'tab_slug' => 'advanced',
),
'dot_nav_custom_color' => array(
'label' => esc_html__( 'Dot Nav Custom Color', 'et_builder' ),
'type' => 'color',
'custom_color' => true,
'tab_slug' => 'advanced',
),
'admin_title' => array(
'label' => esc_html__( 'Admin Label', 'et_builder' ),
'type' => 'text',
'description' => esc_html__( 'This will change the label of the slide in the builder for easy identification.', 'et_builder' ),
),
'text_border_radius' => array(
'label' => esc_html__( 'Text Overlay Border Radius', 'et_builder' ),
'type' => 'range',
'option_category' => 'layout',
'default' => '3',
'range_settings' => array(
'min' => '0',
'max' => '100',
'step' => '1',
),
'tab_slug' => 'advanced',
),
);
return $fields;
}
function shortcode_callback( $atts, $content = null, $function_name ) {
$alignment = $this->shortcode_atts['alignment'];
$heading = $this->shortcode_atts['heading'];
$button_text = $this->shortcode_atts['button_text'];
$button_link = $this->shortcode_atts['button_link'];
$background_color = $this->shortcode_atts['background_color'];
$background_image = $this->shortcode_atts['background_image'];
$image = $this->shortcode_atts['image'];
$image_alt = $this->shortcode_atts['image_alt'];
$background_layout = $this->shortcode_atts['background_layout'];
$video_bg_webm = $this->shortcode_atts['video_bg_webm'];
$video_bg_mp4 = $this->shortcode_atts['video_bg_mp4'];
$video_bg_width = $this->shortcode_atts['video_bg_width'];
$video_bg_height = $this->shortcode_atts['video_bg_height'];
$video_url = $this->shortcode_atts['video_url'];
$allow_player_pause = $this->shortcode_atts['allow_player_pause'];
$dot_nav_custom_color = $this->shortcode_atts['dot_nav_custom_color'];
$arrows_custom_color = $this->shortcode_atts['arrows_custom_color'];
$custom_icon = $this->shortcode_atts['button_icon'];
$button_custom = $this->shortcode_atts['custom_button'];
$background_position = $this->shortcode_atts['background_position'];
$background_size = $this->shortcode_atts['background_size'];
$use_bg_overlay = $this->shortcode_atts['use_bg_overlay'];
$bg_overlay_color = $this->shortcode_atts['bg_overlay_color'];
$use_text_overlay = $this->shortcode_atts['use_text_overlay'];
$text_overlay_color = $this->shortcode_atts['text_overlay_color'];
$text_border_radius = $this->shortcode_atts['text_border_radius'];
global $et_pb_slider_has_video, $et_pb_slider_parallax, $et_pb_slider_parallax_method, $et_pb_slider_hide_mobile, $et_pb_slider_custom_icon, $et_pb_slider_item_num;
$background_video = '';
$et_pb_slider_item_num++;
$hide_on_mobile_class = self::HIDE_ON_MOBILE;
$first_video = false;
$custom_slide_icon = 'on' === $button_custom && '' !== $custom_icon ? $custom_icon : $et_pb_slider_custom_icon;
if ( '' !== $video_bg_mp4 || '' !== $video_bg_webm ) {
if ( ! $et_pb_slider_has_video )
$first_video = true;
$background_video = sprintf(
'<div class="et_pb_section_video_bg%2$s%3$s">
%1$s
</div>',
do_shortcode( sprintf( '
<video loop="loop" %3$s%4$s>
%1$s
%2$s
</video>',
( '' !== $video_bg_mp4 ? sprintf( '<source type="video/mp4" src="%s" />', esc_url( $video_bg_mp4 ) ) : '' ),
( '' !== $video_bg_webm ? sprintf( '<source type="video/webm" src="%s" />', esc_url( $video_bg_webm ) ) : '' ),
( '' !== $video_bg_width ? sprintf( ' width="%s"', esc_attr( intval( $video_bg_width ) ) ) : '' ),
( '' !== $video_bg_height ? sprintf( ' height="%s"', esc_attr( intval( $video_bg_height ) ) ) : '' ),
( '' !== $background_image ? sprintf( ' poster="%s"', esc_url( $background_image ) ) : '' )
) ),
( $first_video ? ' et_pb_first_video' : '' ),
( 'on' === $allow_player_pause ? ' et_pb_allow_player_pause' : '' )
);
$et_pb_slider_has_video = true;
wp_enqueue_style( 'wp-mediaelement' );
wp_enqueue_script( 'wp-mediaelement' );
}
if ( '' !== $heading ) {
if ( '#' !== $button_link ) {
$heading = sprintf( '<a href="%1$s">%2$s</a>',
esc_url( $button_link ),
$heading
);
}
$heading = '<h2 class="et_pb_slide_title">' . $heading . '</h2>';
}
$button = '';
if ( '' !== $button_text ) {
$button = sprintf( '<a href="%1$s" class="et_pb_more_button et_pb_button%3$s%5$s"%4$s>%2$s</a>',
esc_url( $button_link ),
esc_html( $button_text ),
( 'on' === $et_pb_slider_hide_mobile['hide_cta_on_mobile'] ? esc_attr( " {$hide_on_mobile_class}" ) : '' ),
'' !== $custom_slide_icon ? sprintf(
' data-icon="%1$s"',
esc_attr( et_pb_process_font_icon( $custom_slide_icon ) )
) : '',
'' !== $custom_slide_icon ? ' et_pb_custom_button_icon' : ''
);
}
$style = $class = '';
if ( '' !== $background_color ) {
$style .= sprintf( 'background-color:%s;',
esc_attr( $background_color )
);
}
if ( '' !== $background_image && 'on' !== $et_pb_slider_parallax ) {
$style .= sprintf( 'background-image:url(%s);',
esc_attr( $background_image )
);
}
if ( 'on' === $use_bg_overlay && '' !== $bg_overlay_color ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_slide .et_pb_slide_overlay_container',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $bg_overlay_color )
),
) );
}
if ( 'on' === $use_text_overlay && '' !== $text_overlay_color ) {
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_slide .et_pb_slide_title, %%order_class%%.et_pb_slide .et_pb_slide_content',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $text_overlay_color )
),
) );
}
if ( '' !== $text_border_radius ) {
$border_radius_value = et_builder_process_range_value( $text_border_radius );
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_slider_with_text_overlay h2.et_pb_slide_title',
'declaration' => sprintf(
'-webkit-border-top-left-radius: %1$s;
-webkit-border-top-right-radius: %1$s;
-moz-border-radius-topleft: %1$s;
-moz-border-radius-topright: %1$s;
border-top-left-radius: %1$s;
border-top-right-radius: %1$s;',
esc_html( $border_radius_value )
),
) );
ET_Builder_Element::set_style( $function_name, array(
'selector' => '%%order_class%%.et_pb_slider_with_text_overlay .et_pb_slide_content',
'declaration' => sprintf(
'-webkit-border-bottom-right-radius: %1$s;
-webkit-border-bottom-left-radius: %1$s;
-moz-border-radius-bottomright: %1$s;
-moz-border-radius-bottomleft: %1$s;
border-bottom-right-radius: %1$s;
border-bottom-left-radius: %1$s;',
esc_html( $border_radius_value )
),
) );
}
$style = '' !== $style ? " style='{$style}'" : '';
$image = '' !== $image
? sprintf( '<div class="et_pb_slide_image"><img src="%1$s" alt="%2$s" /></div>',
esc_url( $image ),
esc_attr( $image_alt )
)
: '';
if ( '' !== $video_url ) {
global $wp_embed;
$video_embed = apply_filters( 'the_content', $wp_embed->shortcode( '', esc_url( $video_url ) ) );
$video_embed = preg_replace('/<embed /','<embed wmode="transparent" ',$video_embed);
$video_embed = preg_replace('/<\/object>/','<param name="wmode" value="transparent" /></object>',$video_embed);
$image = sprintf( '<div class="et_pb_slide_video">%1$s</div>',
$video_embed
);
}
if ( '' !== $image ) $class = ' et_pb_slide_with_image';
if ( '' !== $video_url ) $class .= ' et_pb_slide_with_video';
$class .= " et_pb_bg_layout_{$background_layout}";
$class .= 'on' === $use_bg_overlay ? ' et_pb_slider_with_overlay' : '';
$class .= 'on' === $use_text_overlay ? ' et_pb_slider_with_text_overlay' : '';
if ( 'bottom' !== $alignment ) {
$class .= " et_pb_media_alignment_{$alignment}";
}
$data_dot_nav_custom_color = '' !== $dot_nav_custom_color
? sprintf( ' data-dots_color="%1$s"', esc_attr( $dot_nav_custom_color ) )
: '';
$data_arrows_custom_color = '' !== $arrows_custom_color
? sprintf( ' data-arrows_color="%1$s"', esc_attr( $arrows_custom_color ) )
: '';
if ( 'default' !== $background_position && 'off' === $et_pb_slider_parallax ) {
$processed_position = str_replace( '_', ' ', $background_position );
ET_Builder_Module::set_style( $function_name, array(
'selector' => '.et_pb_slider %%order_class%%',
'declaration' => sprintf(
'background-position: %1$s;',
esc_html( $processed_position )
),
) );
}
if ( 'default' !== $background_size && 'off' === $et_pb_slider_parallax ) {
ET_Builder_Module::set_style( $function_name, array(
'selector' => '.et_pb_slider %%order_class%%',
'declaration' => sprintf(
'-moz-background-size: %1$s;
-webkit-background-size: %1$s;
background-size: %1$s;',
esc_html( $background_size )
),
) );
}
$class = ET_Builder_Element::add_module_order_class( $class, $function_name );
if ( 1 === $et_pb_slider_item_num ) {
$class .= " et-pb-active-slide";
}
$output = sprintf(
'<div class="et_pb_slide%6$s"%4$s%10$s%11$s>
%8$s
%12$s
<div class="et_pb_container clearfix">
%5$s
<div class="et_pb_slide_description">
%1$s
<div class="et_pb_slide_content%9$s">%2$s</div>
%3$s
</div> <!-- .et_pb_slide_description -->
</div> <!-- .et_pb_container -->
%7$s
</div> <!-- .et_pb_slide -->
',
$heading,
$this->shortcode_content,
$button,
$style,
$image,
esc_attr( $class ),
( '' !== $background_video ? $background_video : '' ),
( '' !== $background_image && 'on' === $et_pb_slider_parallax ? sprintf( '<div class="et_parallax_bg%2$s" style="background-image: url(%1$s);"></div>', esc_attr( $background_image ), ( 'off' === $et_pb_slider_parallax_method ? ' et_pb_parallax_css' : '' ) ) : '' ),
( 'on' === $et_pb_slider_hide_mobile['hide_content_on_mobile'] ? esc_attr( " {$hide_on_mobile_class}" ) : '' ),
$data_dot_nav_custom_color,
$data_arrows_custom_color,
'on' === $use_bg_overlay ? '<div class="et_pb_slide_overlay_container"></div>' : ''
);
return $output;
}
}
- Next in the functions.php of your child theme, add this code:
function divi_child_theme_setup() {
if ( ! class_exists('ET_Builder_Module') ) {
return;
}
get_template_part( 'custom-modules/cfwpm' );
$cfwpm = new Custom_ET_Builder_Module_Slider_Item();
remove_shortcode( 'et_pb_slide' );
add_shortcode( 'et_pb_slide', array($cfwpm, '_shortcode_callback') );
}
add_action( 'wp', 'divi_child_theme_setup', 9999 );
Now you can modify the code in the cfwpm.php file the way you like. For ex. to modify headers please look for this code
$heading = '<h2 class="et_pb_slide_title">' . $heading . '</h2>';
and modify it the way you need