<?php $layout = isset($settings->layout) ? $settings->layout : 'grid'; $text_bg_color = !empty($settings->text_bg_color) ? $settings->text_bg_color : 'ffffff'; $text_bg_opacity = !empty($settings->text_bg_opacity) ? $settings->text_bg_opacity : '100'; $text_bg = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($text_bg_color)) . ',' . $text_bg_opacity / 100 . ')'; $posts_per_view = !empty($settings->posts_per_view) ? $settings->posts_per_view : 3; $icon_position = isset($settings->post_icon_position) ? $settings->post_icon_position : 'above'; ?> <?php if (isset($settings->equal_height) && $settings->equal_height == 'yes' && $layout == 'grid') { ?> .fl-node-<?php echo $id; ?> .fl-post-carousel-wrapper{ display: -webkit-flex; display: -ms-flexbox; display: flex; } <?php } ?> .fl-node-<?php echo $id; ?> .fl-post-carousel .fl-post-carousel-post { width: <?php echo round(100 / $posts_per_view, 2);
/** * Render the css code for background with gradients. * * @since 1.5.9 * @return void */ public function render_slider_gradient_bg() { if (empty($this->settings->text_bg_color) || empty($this->settings->text_bg_opacity)) { return; } // set defaults $color_start = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($this->settings->text_bg_color)) . ',' . $this->settings->text_bg_opacity / 100 . ')'; $color_end = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($this->settings->text_bg_color)) . ',0)'; // check if bg_gradient is set to "yes" if (isset($this->settings->bg_gradient) && $this->settings->bg_gradient == 'yes') { // if so, set positions for each vendor prefix if (isset($this->settings->text_position)) { switch ($this->settings->text_position) { case 'left': $direction = 'left'; $wk_direction = 'left top, right top'; $ie_direction = 'to right'; break; case 'right': $direction = 'right'; $wk_direction = 'right top, left top'; $ie_direction = 'to left'; break; case 'bottom': $direction = 'bottom'; $wk_direction = 'left bottom, left top'; $ie_direction = 'to top'; break; } } // build csss gradient code $bg = 'background: #' . $this->settings->text_bg_color . ';'; $bg .= 'background: -ms-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);'; $bg .= 'background: -moz-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);'; $bg .= 'background: -o-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);'; $bg .= 'background: -webkit-gradient(linear, ' . $wk_direction . ', color-stop(0, ' . $color_start . '), color-stop(1, ' . $color_end . '));'; $bg .= 'background: -webkit-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color . ' 100%);'; $bg .= 'background: linear-gradient(' . $ie_direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);'; } else { // if gradient isn't selected, set the background with default values $bg = 'background-color: #' . $this->settings->text_bg_color . ';'; $bg .= 'background-color: ' . $color_start . ';'; } echo $bg; }
echo is_numeric($row->settings->border_bottom) ? $row->settings->border_bottom : '0'; ?> px; border-left-width: <?php echo is_numeric($row->settings->border_left) ? $row->settings->border_left : '0'; ?> px; border-right-width: <?php echo is_numeric($row->settings->border_right) ? $row->settings->border_right : '0'; ?> px; <?php if (!empty($row->settings->border_color)) { ?> border-color: #<?php echo $row->settings->border_color; ?> ; border-color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($row->settings->border_color)); ?> , <?php echo $row->settings->border_opacity / 100; ?> ); <?php } ?> } <?php }
} ?> <?php if ($settings->desktop_border_type) { ?> border-style: <?php echo $settings->desktop_border_type; ?> ; border-color: #<?php echo $settings->desktop_border_color; ?> ; border-color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($settings->desktop_border_color)); ?> , <?php echo $settings->desktop_border_opacity / 100; ?> ); border-top-width: <?php echo is_numeric($settings->desktop_border_top) ? $settings->desktop_border_top : '0'; ?> px; border-bottom-width: <?php echo is_numeric($settings->desktop_border_bottom) ? $settings->desktop_border_bottom : '0'; ?> px; border-left-width: <?php echo is_numeric($settings->desktop_border_left) ? $settings->desktop_border_left : '0';
; } <?php } if (!empty($settings->bg_color)) { ?> .fl-node-<?php echo $id; ?> .fl-module-content { background-color: #<?php echo $settings->bg_color; ?> ; background-color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($settings->bg_color)); ?> , <?php echo $settings->bg_opacity / 100; ?> ); } <?php } if (is_numeric($settings->spacing)) { ?> .fl-node-<?php echo $id; ?> .fl-module-content { padding: <?php
.fl-node-<?php echo $id; ?> .locations-map { height: <?php echo $settings->height; ?> px; } .fl-node-<?php echo $id; ?> .marker_icon i { color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($settings->marker_icon_color)); ?> , <?php echo $settings->marker_icon_opacity / 100; ?> ); font-size: <?php echo $settings->marker_icon_size; ?> px; }
echo $height / 2; ?> px 0 0; } <?php } ?> <?php // separators =================================================================// if (isset($settings->show_separator) && $settings->show_separator == 'yes') { ?> <?php $separator_raw_color = !empty($settings->separator_color) ? $settings->separator_color : '000000'; $separator_opacity = !empty($settings->separator_opacity) ? $settings->separator_opacity : '100'; $separator_color = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($separator_raw_color)) . ',' . $separator_opacity / 100 . ')'; ?> .fl-node-<?php echo $id; ?> .menu.fl-menu-<?php echo $settings->menu_layout; ?> li, .fl-node-<?php echo $id; ?> .menu.fl-menu-horizontal li li{ border-color: #<?php echo $separator_raw_color; ?>