Example #1
0
 function be_animate_icon_style2($atts, $content)
 {
     extract(shortcode_atts(array('icon' => 'none', 'size' => 30, 'icon_color' => '', 'icon_color_hover_state' => '', 'title' => '', 'h_tag' => 'h6', 'title_color' => '', 'title_color_hover_state' => '', 'bg_color' => '', 'hover_bg_color' => ''), $atts));
     $h_tag = isset($h_tag) && !empty($h_tag) ? $h_tag : 'h6';
     $icon_color = isset($icon_color) && !empty($icon_color) ? $icon_color : 'initial';
     $icon_color_hover_state = isset($icon_color_hover_state) && !empty($icon_color_hover_state) ? $icon_color_hover_state : $icon_color;
     $title_color = isset($title_color) && !empty($title_color) ? $title_color : 'initial';
     $title_color_hover_state = isset($title_color_hover_state) && !empty($title_color_hover_state) ? $title_color_hover_state : $title_color;
     $title = isset($title) && !empty($title) ? '<' . $h_tag . ' class="animate-icon-title" style="color: ' . $title_color . '; ">' . $title . '</' . $h_tag . '>' : '';
     $bg_color = isset($bg_color) && !empty($bg_color) ? $bg_color : 'transparent';
     $hover_bg_color = isset($hover_bg_color) && !empty($hover_bg_color) ? $hover_bg_color : $bg_color;
     $output = '';
     $output .= '<div class="animate-icon-module-style2" data-bg-color="' . $bg_color . '" data-hover-bg-color="' . $hover_bg_color . '" data-title-color="' . $title_color . '" data-hover-title-color="' . $title_color_hover_state . '" data-icon-color="' . $icon_color . '" data-hover-icon-color="' . $icon_color_hover_state . '" style="background-color: ' . $bg_color . ';">';
     $output .= '<div class="animate-icon-module-style2-inner-wrap">';
     $output .= '<div class="animate-icon-module-style2-normal-content clearfix"><i class="animate-icon-icon font-icon ' . $icon . '" style="font-size: ' . $size . 'px;color: ' . $icon_color . ';"></i>' . $title . '</div>';
     $output .= '<div class="animate-icon-module-style2-hover-content clearfix">' . be_themes_formatter(do_shortcode(shortcode_unautop($content))) . '</div>';
     $output .= '</div></div>';
     return $output;
 }
Example #2
0
function be_call_to_action($atts, $content)
{
    extract(shortcode_atts(array('title' => '', 'h_tag' => 'h4', 'new_tab' => 'no', 'button_text' => 'Click Here', 'button_color' => '#00bfd7', 'button_link' => '', 'background_color' => '', 'title_color' => '', 'pattern' => 0), $atts));
    $output = '';
    $style = '';
    if (isset($pattern) && 1 == $pattern) {
        $pattern = 'url(' . get_template_directory_uri() . '/img/stripe.png)';
    } else {
        $pattern = '';
    }
    if (!empty($pattern) || !empty($background_color)) {
        $style = 'style="background:' . $background_color . ' ' . $pattern . ';"';
    }
    if (!empty($title_color)) {
        $title_color = 'style="color:' . $title_color . ';"';
    }
    $output .= '<div class="call-to-action be-shortcode sec-bg sec-border clearfix" ' . $style . '>';
    //$button_shortcode = '[button button_text= "'.$button_text.'" type= "large" gradient= "1" rounded= "1" icon= "" color= "'.$button_color.'" hover= "#00bfd7" url="'.$button_link.'"]';
    //$output .=do_shortcode($button_shortcode);
    $output .= '<div class="action-content">';
    $output .= '<' . $h_tag . ' ' . $title_color . '>' . $title . '</' . $h_tag . '>';
    $output .= be_themes_formatter(do_shortcode(shortcode_unautop($content)));
    $output .= '</div>';
    if (!empty($button_link)) {
        $output .= '<div class="action-button"><a class="mediumbtn be-button gradient rounded" data-hover-color="#000" data-default-color="' . $button_color . '" href="' . $button_link . '" style="background-color:' . $button_color . ';border:1px solid' . $button_color . ';" >' . $button_text . '</a></div>';
    }
    $output .= '</div>';
    return $output;
}
Example #3
0
             $opacity = '';
             if ($overlay_opacity) {
                 $opacity .= '-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=' . floatval($overlay_opacity) . ');';
                 $opacity .= 'filter: alpha(opacity=' . floatval($overlay_opacity) . ');';
                 $opacity .= '-moz-opacity: ' . floatval($overlay_opacity / 100) . ';';
                 $opacity .= '-khtml-opacity: ' . floatval($overlay_opacity / 100) . ';';
                 $opacity .= 'opacity: ' . floatval($overlay_opacity / 100) . ';';
             }
             $output .= '<div class="section-overlay" style="background: ' . $overlay_color . '; ' . $opacity . '"></div>';
         }
         if (isset($bg_canvas_type) && 'none' != $bg_canvas_type) {
             $output .= '<canvas id="' . $bg_canvas_type . '" data-color1="' . $bg_canvas_color1 . '" data-color2="' . $bg_canvas_color2 . '" data-color3="' . $bg_canvas_color3 . '" data-color4="' . $bg_canvas_color4 . '" data-color5="' . $bg_canvas_color5 . '"></canvas>';
         }
         $output .= '<div class="be-row ' . $be_wrap . '">';
         $output .= '<div class="hero-section-inner-wrap">';
         $output .= '<div class="hero-section-inner">' . be_themes_formatter(do_shortcode(shortcode_unautop($content))) . '</div>';
         $output .= '</div>';
         $output .= '</div>';
         $output .= '</div>';
         echo $output;
         echo '</div>';
     }
     $section_nav = get_post_meta($post_id, 'be_themes_section_nav_id', true);
     $section_nav_icon_color = get_post_meta($post_id, 'be_themes_section_nav_icon_color', true);
     $section_nav_icon = get_post_meta($post_id, 'be_themes_section_nav_icon', true);
     if (isset($section_nav) && !empty($section_nav)) {
         echo '<a href="#' . $section_nav . '" class="section-navigation"><i class="font-icon ' . $section_nav_icon . '" style="color: ' . $section_nav_icon_color . '"></i></a>';
     }
     echo '</div>';
 } else {
     echo '<div class="header-hero-section"></div>';