frontend.css.php
4.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
/*Features Min Height*/
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-features {
min-height: <?php echo $settings->min_height; ?>px;
}
<?php
// Loop through and style each pricing box
for($i = 0; $i < count($settings->pricing_columns); $i++) :
if(!is_object($settings->pricing_columns[$i])) continue;
// Pricing Box Settings
$pricing_column = $settings->pricing_columns[$i];
?>
/*Pricing Box Style*/
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> {
border: 1px solid #<?php echo FLBuilderColor::adjust_brightness($pricing_column->background, 30, 'darken'); ?>;
background: #<?php echo $pricing_column->background; ?>;
margin-top: <?php echo $pricing_column->margin; ?>px;
}
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-inner-wrap {
background: #<?php echo $pricing_column->foreground; ?>;
border: 1px solid #<?php echo FLBuilderColor::adjust_brightness($pricing_column->background, 30, 'darken'); ?>;
}
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> h2 {
font-size: <?php echo $pricing_column->title_size; ?>px;
}
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
font-size: <?php echo $pricing_column->price_size; ?>px;
}
/*Pricing Box Highlight*/
<?php if ($settings->highlight == 'price') : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
background: #<?php echo $pricing_column->column_background; ?>;
color: #<?php echo $pricing_column->column_color; ?>;
}
<?php elseif ($settings->highlight == 'title') : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-title {
background: #<?php echo $pricing_column->column_background; ?>;
color: #<?php echo $pricing_column->column_color; ?>;
}
<?php endif; ?>
/*Fix when price is NOT highlighted*/
<?php if ($settings->highlight == 'title' || $settings->highlight == 'none') : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
margin-bottom: 0;
padding-bottom: 0;
}
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-features {
margin-top: 10px;
}
<?php endif; ?>
/*Fix when NOTHING is highlighted*/
<?php if ($settings->highlight == 'none') : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-title {
padding-bottom: 0;
}
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
padding-top: 0;
}
<?php endif; ?>
/*Button CSS*/
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> a.fl-button {
<?php if ( empty( $pricing_column->btn_bg_color ) ) : ?>
background-color: #<?php echo $pricing_column->column_background; ?> !important;
border: 1px solid #<?php echo $pricing_column->column_background; ?> !important;
<?php endif; ?>
<?php if ( empty( $pricing_column->btn_width ) ) : ?>
display:block;
margin: 0 30px 5px;
<?php endif; ?>
}
<?php
FLBuilder::render_module_css('button', $id . ' .fl-pricing-table-column-' . $i , array(
'align' => 'center',
'bg_color' => $pricing_column->btn_bg_color,
'bg_hover_color' => $pricing_column->btn_bg_hover_color,
'bg_opacity' => $pricing_column->btn_bg_opacity,
'bg_hover_opacity' => $pricing_column->btn_bg_hover_opacity,
'button_transition' => $pricing_column->btn_button_transition,
'border_radius' => $pricing_column->btn_border_radius,
'border_size' => $pricing_column->btn_border_size,
'font_size' => $pricing_column->btn_font_size,
'icon' => $pricing_column->btn_icon,
'icon_position' => $pricing_column->btn_icon_position,
'link' => $pricing_column->button_url,
'link_target' => '_self',
'padding' => $pricing_column->btn_padding,
'style' => $pricing_column->btn_style,
'text_color' => $pricing_column->btn_text_color,
'text_hover_color' => $pricing_column->btn_text_hover_color,
'width' => $pricing_column->btn_width
));
?>
<?php endfor; ?>