function createTitleStyle()
 {
     global $cl_redata;
     $title_style = ' font-family: ' . esc_attr($cl_redata['slide_title_style']['font-family']) . '; ';
     $title_style .= ' font-weight: ' . esc_attr($cl_redata['slide_title_style']['font-weight']) . '; ';
     $title_style .= ' font-size: ' . esc_attr($cl_redata['slide_title_style']['font-size']) . '; ';
     $title_style .= ' text-align: ' . esc_attr($cl_redata['slide_title_style']['text-align']) . '; ';
     $title_style .= ' line-height: ' . esc_attr($cl_redata['slide_title_style']['line-height']) . '; ';
     $title_style .= ' letter-spacing: ' . esc_attr($cl_redata['slide_title_style']['letter-spacing']) . '; ';
     $title_style .= ' text-transform: ' . esc_attr($cl_redata['slide_title_style']['text-transform']) . '; ';
     $title_style .= ' color: ' . esc_attr($cl_redata['slide_title_style']['color']) . '; ';
     $title_style .= ' background-color: ' . (is_array($cl_redata['slide_title_bg']) ? 'rgba(' . implode(',', codeless_hexToRgb($cl_redata['slide_title_bg']['color'])) . ', ' . $cl_redata['slide_title_bg']['alpha'] . ')' : $cl_redata['slide_title_bg']) . '; ';
     $title_style .= ' padding-left: ' . esc_attr($cl_redata['slide_title_padding']['padding-left']) . '; ';
     $title_style .= ' padding-right: ' . esc_attr($cl_redata['slide_title_padding']['padding-right']) . '; ';
     $title_style .= ' padding-top: ' . esc_attr($cl_redata['slide_title_padding']['padding-top']) . '; ';
     $title_style .= ' padding-bottom: ' . esc_attr($cl_redata['slide_title_padding']['padding-bottom']) . '; ';
     return $title_style;
 }
 ;
			<?php 
    }
    ?>
		<?php 
}
?>

		<?php 
if (!empty($button_light_hover_border)) {
    ?>
			<?php 
    if (is_array($button_light_hover_border)) {
        ?>
				<?php 
        $rgb = implode(',', codeless_hexToRgb($button_light_hover_border['color']));
        ?>
				border-color: rgba(<?php 
        echo $rgb;
        ?>
, <?php 
        echo $button_light_hover_border['alpha'];
        ?>
) ;
			<?php 
    } else {
        ?>
				border-color: <?php 
        echo $button_light_hover_border;
        ?>
 ;
Example #3
0
$overlay_markup = '';
$parallax_markup = '';
if ($video_bg) {
    $video_markup = '<div class="video-wrap"><video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> 

                                                                        <source src="' . esc_url($video_webm) . '" type="video/webm"> 

                                                                        <source src="' . esc_url($video_mp4) . '" type="video/mp4"> 

                                                      

                                                                        Video not supported </video></div>';
}
if ($overlay) {
    if (strpos($overlay_color, "#") !== false) {
        $overlay_color = 'rgba(' . implode(',', codeless_hexToRgb($overlay_color)) . ',0.8 )';
    }
    $overlay_markup = '<div class="bg-overlay" style="background:' . $overlay_color . ';"></div>';
}
$animate_onoffset = '';
$animate_onoffset_c = '';
if ($parallax_bg) {
    $style .= ' background-image: url(' . esc_url($bg_im) . '); background-position: 50% 0px; ';
    $animate_onoffset_c = 'animate_onoffset';
} else {
    $animate_onoffset = 'animate_onoffset';
}
$transparency_markup = '';
$transparency_class = '';
if ($transparency) {
    $transparency_markup = '<span class="inner_shadow"></span><div class="transparency_bg"></div>';
    }
    if ($cl_redata['page_header_design_style'] == 'padd') {
        $extra_class .= ' with_padding_style';
    }
    ?>

    <!-- Page Head -->
    <div class="header_page <?php 
    echo esc_attr($extra_class);
    ?>
">
             <?php 
    if (isset($cl_redata['page_header_background']['background-image']) && $cl_redata['page_header_background']['background-image'] != '' && isset($cl_redata['page_header_background']['background-color']) && $cl_redata['page_header_background']['background-color'] != '') {
        ?>
                <?php 
        $rgb_color = codeless_hexToRgb($cl_redata['page_header_background']['background-color']);
        ?>
                <div class="overlay" style="background:rgba(<?php 
        echo $rgb_color['r'];
        ?>
, <?php 
        echo $rgb_color['g'];
        ?>
, <?php 
        echo $rgb_color['b'];
        ?>
, 0.75"></div>
             <?php 
    }
    ?>