';
// Content class
$content_class = array(
'vcex-ib-content',
);
if ( $use_img_tag ) {
$content_class[] = 'wpex-flex-grow';
}
// Inner style
$content_style = vcex_inline_style( array(
'width' => $content_width,
) );
if ( $content_align ) {
switch ( $content_align ) {
case 'center' :
$content_class[] = 'wpex-mx-auto';
break;
case 'left':
$content_class[] = 'wpex-float-left';
$content_class[] = 'wpex-mr-auto'; // fixes flex items issue
break;
case 'right':
$content_class[] = 'wpex-float-right';
$content_class[] = 'wpex-ml-auto'; // fixes flex items issue
break;
}
} else {
$content_class[] = 'wpex-mx-auto';
}
if ( $content_width ) {
$content_class[] = 'wpex-max-w-100';
}
$content_class[] = 'wpex-clr';
$output .= '
';
$output .= '';
/*-------------------------------------------------------------------------------*/
/* [ Heading ]
/*-------------------------------------------------------------------------------*/
if ( $heading ) {
$heading_tag_escaped = $heading_tag ? tag_escape( $heading_tag ) : 'div';
if ( $heading_font_family ) {
vcex_enqueue_font( $heading_font_family );
}
$heading_classes = array(
'vcex-ib-title',
// 'wpex-font-semibold', // these need to be added with css to prevent conflicts
// 'wpex-text-4xl', // these need to be added with css to prevent conflicts
'wpex-heading',
);
if ( empty( $heading_color ) ) {
$heading_classes[] = 'wpex-inherit-color-important';
}
$heading_classes = apply_filters( 'vcex_image_banner_heading_class', $heading_classes, $atts );
$attrs = array(
'class' => $heading_classes,
'style' => vcex_inline_style( array(
'font_family' => $heading_font_family,
'font_weight' => $heading_font_weight,
'font_size' => $heading_font_size,
'letter_spacing' => $heading_letter_spacing,
'italic' => $heading_italic,
'line_height' => $heading_line_height,
'color' => $heading_color,
'padding_bottom' => $heading_bottom_padding,
), false )
);
if ( $rfont_size = vcex_get_responsive_font_size_data( $heading_font_size ) ) {
$attrs['data-wpex-rcss'] = "data-wpex-rcss='" . htmlspecialchars( wp_json_encode( array( 'font-size' => $rfont_size ) ) ) . "'";
}
$output .= '<' . $heading_tag_escaped . vcex_parse_html_attributes( $attrs ) . '>';
$output .= wp_kses_post( do_shortcode( $heading ) );
$output .= '';
}
/*-------------------------------------------------------------------------------*/
/* [ Caption ]
/*-------------------------------------------------------------------------------*/
if ( $caption ) {
if ( $caption_font_family ) {
vcex_enqueue_font( $caption_font_family );
}
$caption_classes = array(
'vcex-ib-caption',
'wpex-text-lg',
'wpex-last-mb-0',
);
if ( $has_button && ! $caption_bottom_padding ) {
$caption_classes[] = 'wpex-pb-10';
}
$caption_classes = apply_filters( 'vcex_image_banner_caption_class', $caption_classes, $atts );
$attrs = array(
'class' => $caption_classes,
'style' => vcex_inline_style( array(
'font_family' => $caption_font_family,
'font_weight' => $caption_font_weight,
'font_size' => $caption_font_size,
'letter_spacing' => $caption_letter_spacing,
'italic' => $caption_italic,
'line_height' => $caption_line_height,
'color' => $caption_color,
'padding_bottom' => $caption_bottom_padding,
), false )
);
if ( $rfont_size = vcex_get_responsive_font_size_data( $caption_font_size ) ) {
$attrs['data-wpex-rcss'] = "data-wpex-rcss='" . htmlspecialchars( wp_json_encode( array( 'font-size' => $rfont_size ) ) ) . "'";
}
$output .= '' . wp_kses_post( do_shortcode( $caption ) ) . '
';
}
/*-------------------------------------------------------------------------------*/
/* [ Button ]
/*-------------------------------------------------------------------------------*/
if ( $has_button ) {
if ( $button_font_family ) {
vcex_enqueue_font( $button_font_family );
}
$attrs = array(
'class' => vcex_get_button_classes( $button_style, $button_color ),
'style' => vcex_inline_style( array(
'font_family' => $button_font_family,
'font_weight' => $button_font_weight,
'font_size' => $button_font_size,
'letter_spacing' => $button_letter_spacing,
'italic' => $button_italic,
'color' => $button_custom_color,
'background' => $button_custom_background,
'width' => $button_width,
'padding' => $button_padding,
'border_radius' => $button_border_radius,
), false )
);
if ( $rfont_size = vcex_get_responsive_font_size_data( $button_font_size ) ) {
$attrs['data-wpex-rcss'] = "data-wpex-rcss='" . htmlspecialchars( wp_json_encode( array( 'font-size' => $rfont_size ) ) ) . "'";
}
$hover_data = array();
if ( $button_custom_hover_color ) {
$hover_data['color'] = esc_attr( $button_custom_hover_color );
}
if ( $button_custom_hover_background ) {
$hover_data['background'] = esc_attr( $button_custom_hover_background );
}
if ( $hover_data ) {
$attrs['data-wpex-hover'] = htmlspecialchars( wp_json_encode( $hover_data ) );
}
$output .= '';
}
$output .= '