PluginProbe
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs / 5.0.1
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs v5.0.1
5.0.1 4.1.0 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 2.1.2 2.5.0 2.5.3 All 39 releases
blockspare / inc / post-banner / banner-2 / index.php

index.php in BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs 5.0.1, at inc/post-banner/banner-2/index.php

1,002 lines 59.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if (!function_exists('blockspare_banner_two_control_slider')) {
3 function blockspare_banner_two_control_slider($attributes, $blockuniqueclass, $blockName = '')
4 {
5
6
7 // Build CSS separately
8 $inline_css = '';
9 $slider_grid = false;
10
11 if ($blockName == 'blockspare-banner-11') {
12 $slider_grid = true;
13 }
14
15 $inline_css .= blockspare_visibility_css($attributes, $blockuniqueclass);
16 //Slider Title Meta Color
17 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title{
18 line-height:' . $attributes['sliderTitleLineHeight'] . ';
19 }';
20
21 if ($slider_grid) {
22
23 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-title a span{
24 color:' . $attributes['sliderGridPostTitleColor'] . ';
25 }';
26
27 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-author a span{
28 color:' . $attributes['sliderGridPostLinkColor'] . ';
29 }';
30
31 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-text-link a{
32 color:' . $attributes['sliderGridPostLinkColor'] . ';
33 }';
34
35 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-date{
36 color:' . $attributes['sliderGridPostGeneralColor'] . ';
37 }';
38 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .comment_count{
39 color:' . $attributes['sliderGridPostGeneralColor'] . ';
40 }';
41 //sliderTitle Hover
42 if ($attributes['sliderTitleOnHover'] == 'lpc-title-hover') {
43 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-slider-title-hover .blockspare-posts-block-title-link:hover span{
44 color: ' . $attributes['sliderGridTitleOnHoverColor'] . ';
45
46 }';
47 }
48 if ($attributes['sliderTitleOnHover'] == 'lpc-title-border') {
49 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-slider-title-hover .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link span:hover{
50 box-shadow: inset 0 -2px 0 0 ' . $attributes['sliderGridTitleOnHoverColor'] . ';
51
52 }';
53 }
54 } else {
55 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-title a span{
56 color:' . $attributes['sliderPostTitleColor'] . ';
57 }';
58
59 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-author a span{
60 color:' . $attributes['sliderPostLinkColor'] . ';
61 }';
62
63 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-text-link a{
64 color:' . $attributes['sliderPostLinkColor'] . ';
65 }';
66
67 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-date{
68 color:' . $attributes['sliderPostGeneralColor'] . ';
69 }';
70 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .comment_count{
71 color:' . $attributes['sliderPostGeneralColor'] . ';
72 }';
73
74 //sliderTitle Hover
75 if ($attributes['sliderTitleOnHover'] == 'lpc-title-hover') {
76 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-slider-title-hover .blockspare-posts-block-title-link:hover span{
77 color: ' . $attributes['sliderTitleOnHoverColor'] . ';
78
79 }';
80 }
81 if ($attributes['sliderTitleOnHover'] == 'lpc-title-border') {
82 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-slider-title-hover .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link span:hover{
83 box-shadow: inset 0 -2px 0 0 ' . $attributes['sliderTitleOnHoverColor'] . ';
84
85 }';
86 }
87 }
88
89
90 // slider background color
91
92 if ($blockName == 'blockspare-banner-11' && $attributes['sliderBackground']) {
93 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-data .blockspare-posts-block-post-content{
94 background-color: ' . $attributes['sliderBackgroundColor'] . ';
95
96 }';
97 }
98
99
100 //slider title Gaps
101 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-banner-slider .blockspare-posts-block-post-grid-title{
102 margin-top: ' . $attributes['sliderTitleMarginTop'] . "px" . ';
103 margin-Bottom: ' . $attributes['sliderTitleMarginBottom'] . "px" . ';
104 margin-left: ' . $attributes['sliderTitleMarginLeft'] . "px" . ';
105 margin-right: ' . $attributes['sliderTitleMarginRight'] . "px" . ';
106 }';
107
108
109 //slider category Gaps
110 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-banner-slider .blockspare-posts-block-post-category{
111 margin-top: ' . $attributes['sliderCategoryMarginTop'] . "px" . ';
112 margin-Bottom: ' . $attributes['sliderCategoryMarginBottom'] . "px" . ';
113 margin-left: ' . $attributes['sliderCategoryMarginLeft'] . "px" . ';
114 margin-right: ' . $attributes['sliderCategoryMarginRight'] . "px" . ';
115 }';
116
117 //slider meta Gaps
118 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-banner-slider .blockspare-posts-block-post-grid-byline{
119 margin-top: ' . $attributes['sliderMetaMarginTop'] . "px" . ';
120 margin-Bottom: ' . $attributes['sliderMetaMarginBottom'] . "px" . ';
121 margin-left: ' . $attributes['sliderMetaMarginLeft'] . "px" . ';
122 margin-right: ' . $attributes['sliderMetaMarginRight'] . "px" . ';
123 }';
124
125 ///block Gaps
126 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper{
127 --gap: ' . $attributes['gutter'] . "px" . ';
128 margin-top: ' . $attributes['marginTop'] . "px" . ';
129 margin-Bottom: ' . $attributes['marginBottom'] . "px" . ';
130 margin-left: ' . $attributes['marginLeft'] . "px" . ';
131 margin-right: ' . $attributes['marginRight'] . "px" . ';
132 }';
133
134 ///content Gaps
135 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper .blockspare-banner-slider-wrapper .blockspare-posts-block-post-content{
136 padding-top: ' . $attributes['contentPaddingTop'] . "px" . ';
137 padding-Bottom: ' . $attributes['contentPaddingBottom'] . "px" . ';
138 padding-left: ' . $attributes['contentPaddingLeft'] . "px" . ';
139 padding-right: ' . $attributes['contentPaddingRight'] . "px" . ';
140 }';
141
142 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper .blockspare-editor-picks-items .blockspare-posts-block-post-content{
143 padding-top: ' . $attributes['contentPaddingTop'] . "px" . ';
144 padding-Bottom: ' . $attributes['contentPaddingBottom'] . "px" . ';
145 padding-left: ' . $attributes['contentPaddingLeft'] . "px" . ';
146 padding-right: ' . $attributes['contentPaddingRight'] . "px" . ';
147 }';
148
149 ///border radius
150 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper:not(.blockspare-banner-11-main-wrapper) .blockspare-banner-slider-wrapper{
151 border-radius: ' . $attributes['borderRadius'] . "px" . ';
152 overflow: ' . "hidden" . ';
153 }';
154
155 if ($attributes['sliderBackground']) {
156 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-11-main-wrapper .blockspare-banner-slider-wrapper{
157 border-radius: ' . $attributes['borderRadius'] . "px" . ';
158 overflow: ' . "hidden" . ';
159 }';
160 } else {
161 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-11-main-wrapper .blockspare-banner-slider-wrapper .blockspare-posts-block-post-img{
162 border-radius: ' . $attributes['borderRadius'] . "px" . ';
163 overflow: ' . "hidden" . ';
164 }';
165 }
166
167 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper .blockspare-editor-picks-items .blockspare-post-items{
168 border-radius: ' . $attributes['borderRadius'] . "px" . ';
169 overflow: ' . "hidden" . ';
170 }';
171
172 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper .blockspare-banner-trending-carousel-wrapper .blockspare-post-items.has-bg-layout{
173 border-radius: ' . $attributes['borderRadius'] . "px" . ';
174 overflow: ' . "hidden" . ';
175 }';
176
177 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-wrapper .blockspare-banner-trending-carousel-wrapper .blockspare-post-items:not(.has-bg-layout) .blockspare-posts-block-post-img{
178 border-radius: ' . $attributes['borderRadius'] . "px" . ';
179 overflow: ' . "hidden" . ';
180 }';
181
182
183 // slider category border-radius
184 if ($attributes['sliderCategoryLayoutOption'] == 'border' || $attributes['sliderCategoryLayoutOption'] == 'solid') {
185 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
186 border-radius:' . $attributes['sliderCategoryBorderRadius'] . "px" . ';
187 }';
188 }
189
190 // slider category border
191 if ($attributes['sliderCategoryLayoutOption'] == 'border') {
192 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
193 border-style: solid;
194 border-width:' . $attributes['sliderCategoryBorderWidth'] . "px" . ';
195 }';
196 }
197
198 // slider category underline
199 if ($attributes['sliderCategoryLayoutOption'] == 'underline') {
200 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
201 border-bottom-style: solid;
202 border-bottom-width:' . $attributes['sliderCategoryBorderWidth'] . "px" . ';
203 padding-left: 0;
204 padding-right: 0;
205 }';
206 }
207
208 // slider Category colors
209 if ($attributes['sliderColorType'] == 'bs-single-color') {
210 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
211 color:' . $attributes['sliderCategoryTextColor'] . "!important" . ';
212 }';
213 if ($attributes['sliderCategoryLayoutOption'] == 'solid') {
214 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
215 background-color:' . $attributes['sliderCategoryBackgroundColor'] . "!important" . ';
216 }';
217 }
218 if ($slider_grid) {
219 if ($attributes['sliderCategoryLayoutOption'] == 'border' || $attributes['sliderCategoryLayoutOption'] == 'underline') {
220 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
221 border-color:' . $attributes['sliderGridCategoryBorderColor'] . ';
222 }';
223 }
224 } else {
225 if ($attributes['sliderCategoryLayoutOption'] == 'border' || $attributes['sliderCategoryLayoutOption'] == 'underline') {
226 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
227 border-color:' . $attributes['sliderCategoryBorderColor'] . ';
228 }';
229 }
230 }
231 } else {
232 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
233 color:' . $attributes['sliderCategoryTextColor'] . "!important" . ';
234 }';
235 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
236 color:' . $attributes['sliderSecondCategoryTextColor'] . "!important" . ';
237 }';
238 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
239 color:' . $attributes['sliderThirdCategoryTextColor'] . "!important" . ';
240 }';
241 if ($attributes['sliderCategoryLayoutOption'] == 'solid') {
242 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
243 background-color:' . $attributes['sliderCategoryBackgroundColor'] . "!important" . ';
244 }';
245 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
246 background-color:' . $attributes['sliderSecondCategoryBackgroundColor'] . "!important" . ';
247 }';
248 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
249 background-color:' . $attributes['sliderThirdCategoryBackgroundColor'] . "!important" . ';
250 }';
251 }
252 if ($slider_grid) {
253 if ($attributes['sliderCategoryLayoutOption'] == 'border' || $attributes['sliderCategoryLayoutOption'] == 'underline') {
254 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
255 border-color:' . $attributes['sliderGridCategoryBorderColor'] . ';
256 }';
257 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
258 border-color:' . $attributes['sliderGridSecondCategoryBorderColor'] . ';
259 }';
260 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
261 border-color:' . $attributes['sliderGridThirdCategoryBorderColor'] . ';
262 }';
263 }
264 } else {
265 if ($attributes['sliderCategoryLayoutOption'] == 'border' || $attributes['sliderCategoryLayoutOption'] == 'underline') {
266 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
267 border-color:' . $attributes['sliderCategoryBorderColor'] . ';
268 }';
269 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
270 border-color:' . $attributes['sliderSecondCategoryBorderColor'] . ';
271 }';
272 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
273 border-color:' . $attributes['sliderThirdCategoryBorderColor'] . ';
274 }';
275 }
276 }
277 }
278
279 //slider nav color
280 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper button:before{
281 color:' . $attributes['sliderNavigationColor'] . ';
282 }';
283
284 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-wrap .blockspare-banner-slider-wrapper .slick-slider .slick-dots > li button{
285 background-color:' . $attributes['sliderNavigationColor'] . ';
286 }';
287
288 if ($attributes['sliderNextPrevShow']) {
289 if ($attributes['sliderNavigationShape'] === 'bs-navigation-1' || $attributes['sliderNavigationShape'] === 'bs-navigation-2') {
290 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider .slick-arrow:after{
291 background-color:' . $attributes['sliderNavigationShapeColor'] . ';
292 }';
293 } elseif ($attributes['sliderNavigationShape'] === 'bs-navigation-3' || $attributes['sliderNavigationShape'] === 'bs-navigation-4') {
294 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider .slick-arrow{
295 border-color:' . $attributes['sliderNavigationShapeColor'] . ';
296 }';
297 } else {
298 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider .slick-slider .slick-arrow{
299 border-color:' . "transparent" . ';
300 background-color:' . "transparent" . ';
301 }';
302 }
303 }
304
305 //slider overlay color
306 if ($blockName == 'blockspare-banner-1' || $blockName == 'blockspare-banner-2' || $blockName == 'blockspare-banner-3' || $blockName == 'blockspare-banner-4') {
307 if ($attributes['bannerOneLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerOneLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-2 has-bg-layout') {
308 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
309 background:' . "linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, " . $attributes['sliderPostOverlayColor'] . " 100%)" . ';
310 }';
311 }
312 if ($attributes['bannerOneLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerOneLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-4 has-bg-layout') {
313 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link{
314 background:' . $attributes['sliderPostOverlayColor'] . ';
315 }';
316
317 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-byline{
318 background:' . $attributes['sliderPostOverlayColor'] . ';
319 }';
320 }
321 if ($attributes['bannerOneLayout'] === 'banner-style-5' || $attributes['bannerOneLayout'] === 'banner-style-6' || $attributes['bannerTwoLayout'] === 'banner-style-5' || $attributes['bannerTwoLayout'] === 'banner-style-6' || $attributes['bannerThreeLayout'] === 'banner-style-5' || $attributes['bannerThreeLayout'] === 'banner-style-6' || $attributes['bannerFourLayout'] === 'banner-style-5' || $attributes['bannerFourLayout'] === 'banner-style-6') {
322 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content::after{
323 background:' . $attributes['sliderPostOverlayColor'] . ';
324 }';
325 }
326 if ($attributes['bannerOneLayout'] === 'banner-style-7' || $attributes['bannerOneLayout'] === 'banner-style-8' || $attributes['bannerTwoLayout'] === 'banner-style-7' || $attributes['bannerTwoLayout'] === 'banner-style-8' || $attributes['bannerThreeLayout'] === 'banner-style-7' || $attributes['bannerThreeLayout'] === 'banner-style-8' || $attributes['bannerFourLayout'] === 'banner-style-7' || $attributes['bannerFourLayout'] === 'banner-style-8') {
327 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
328 background:' . $attributes['sliderPostOverlayColor'] . ';
329 }';
330 }
331 } else {
332 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
333 background:' . "linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, " . $attributes['sliderPostOverlayColor'] . " 100%)" . ';
334 }';
335 }
336
337
338 //trending Bg color
339
340 $bg = 'transparent';
341
342 if ($blockName == 'blockspare-banner-1') {
343 $bg = $attributes['bannerOneTrendingBg'];
344 } else if ($blockName == 'blockspare-banner-2') {
345 $bg = $attributes['bannerTwoTrendingBg'];
346 } else if ($blockName == 'blockspare-banner-3') {
347 $bg = $attributes['bannerThreeTrendingBg'];
348 } else if ($blockName == 'blockspare-banner-4') {
349 $bg = $attributes['bannerFourTrendingBg'];
350 } else if ($blockName == 'blockspare-banner-5') {
351 $bg = $attributes['bannerFiveTrendingBg'];
352 } else if ($blockName == 'blockspare-banner-6') {
353 $bg = $attributes['bannerSixTrendingBg'];
354 } else if ($blockName == 'blockspare-banner-7') {
355 $bg = $attributes['bannerSevenTrendingBg'];
356 } else if ($blockName == 'blockspare-banner-8') {
357 $bg = $attributes['bannerEightTrendingBg'];
358 } else if ($blockName == 'blockspare-banner-9') {
359 $bg = $attributes['bannerNineTrendingBg'];
360 } else if ($blockName == 'blockspare-banner-10') {
361 $bg = $attributes['bannerTenTrendingBg'];
362 } else if ($blockName == 'blockspare-banner-11') {
363 $bg = $attributes['bannerElevenTrendingBg'];
364 } else if ($blockName == 'blockspare-banner-12') {
365 $bg = $attributes['bannerTwelveTrendingBg'];
366 }
367
368 if ($attributes['trendingBackground']) {
369 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-post-items.has-bg-layout .blockspare-post-data{
370 background-color:' . $bg . ';
371 }';
372 }
373
374
375 //Trending Title Meta Color
376 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-title a span{
377 color:' . $attributes['trendingPostTitleColor'] . ';
378 }';
379
380 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title{
381 line-height:' . $attributes['trendingTitleLineHeight'] . ';
382 }';
383
384 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-author a span{
385 color:' . $attributes['trendingPostLinkColor'] . ';
386 }';
387
388 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-text-link a{
389 color:' . $attributes['trendingPostLinkColor'] . ';
390 }';
391
392 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-date{
393 color:' . $attributes['trendingPostGeneralColor'] . ';
394 }';
395 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .comment_count{
396 color:' . $attributes['trendingPostGeneralColor'] . ';
397 }';
398
399 //trending Title Hover
400
401 if ($attributes['trendingTitleOnHover'] == 'lpc-title-hover') {
402 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-content.has-trending-title-hover .blockspare-posts-block-title-link:hover span{
403 color: ' . $attributes['trendingTitleOnHoverColor'] . ';
404
405 }';
406 }
407
408 //trending title Gaps
409 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-title{
410 margin-top: ' . $attributes['trendingTitleMarginTop'] . "px" . ';
411 margin-Bottom: ' . $attributes['trendingTitleMarginBottom'] . "px" . ';
412 margin-left: ' . $attributes['trendingTitleMarginLeft'] . "px" . ';
413 margin-right: ' . $attributes['trendingTitleMarginRight'] . "px" . ';
414 }';
415
416 //trending category Gaps
417 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category{
418 margin-top: ' . $attributes['trendingCategoryMarginTop'] . "px" . ';
419 margin-Bottom: ' . $attributes['trendingCategoryMarginBottom'] . "px" . ';
420 margin-left: ' . $attributes['trendingCategoryMarginLeft'] . "px" . ';
421 margin-right: ' . $attributes['trendingCategoryMarginRight'] . "px" . ';
422 }';
423
424 //trending meta Gaps
425 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-byline{
426 margin-top: ' . $attributes['trendingMetaMarginTop'] . "px" . ';
427 margin-Bottom: ' . $attributes['trendingMetaMarginBottom'] . "px" . ';
428 margin-left: ' . $attributes['trendingMetaMarginLeft'] . "px" . ';
429 margin-right: ' . $attributes['trendingMetaMarginRight'] . "px" . ';
430 }';
431
432
433 if ($attributes['trendingTitleOnHover'] == 'lpc-title-border') {
434
435 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-content.has-trending-title-hover .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link span:hover{
436 box-shadow: inset 0 -2px 0 0 ' . $attributes['trendingTitleOnHoverColor'] . ';
437
438 }';
439 }
440
441 // trending category border-radius
442 if ($attributes['trendingCategoryLayoutOption'] == 'border' || $attributes['trendingCategoryLayoutOption'] == 'solid') {
443 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
444 border-radius:' . $attributes['trendingCategoryBorderRadius'] . "px" . ';
445 }';
446 }
447
448 // trending category border
449 if ($attributes['trendingCategoryLayoutOption'] == 'border') {
450 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
451 border-style: solid;
452 border-width:' . $attributes['trendingCategoryBorderWidth'] . "px" . ';
453 }';
454 }
455
456 // trending category underline
457 if ($attributes['trendingCategoryLayoutOption'] == 'underline') {
458 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
459 border-bottom-style: solid;
460 border-bottom-width:' . $attributes['trendingCategoryBorderWidth'] . "px" . ';
461 padding-left: 0;
462 padding-right: 0;
463 }';
464 }
465
466 // trending Category colors
467 if ($attributes['trendingColorType'] == 'bs-single-color') {
468 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
469 color:' . $attributes['trendingCategoryTextColor'] . "!important" . ';
470 }';
471 if ($attributes['trendingCategoryLayoutOption'] == 'solid') {
472 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
473 background-color:' . $attributes['trendingCategoryBackgroundColor'] . "!important" . ';
474 }';
475 }
476 if ($attributes['trendingCategoryLayoutOption'] == 'border' || $attributes['trendingCategoryLayoutOption'] == 'underline') {
477 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
478 border-color:' . $attributes['trendingCategoryBorderColor'] . ';
479 }';
480 }
481 } else {
482 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
483 color:' . $attributes['trendingCategoryTextColor'] . "!important" . ';
484 }';
485 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
486 color:' . $attributes['trendingSecondCategoryTextColor'] . "!important" . ';
487 }';
488 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
489 color:' . $attributes['trendingThirdCategoryTextColor'] . "!important" . ';
490 }';
491 if ($attributes['trendingCategoryLayoutOption'] == 'solid') {
492 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
493 background-color:' . $attributes['trendingCategoryBackgroundColor'] . "!important" . ';
494 }';
495 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
496 background-color:' . $attributes['trendingSecondCategoryBackgroundColor'] . "!important" . ';
497 }';
498 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
499 background-color:' . $attributes['trendingThirdCategoryBackgroundColor'] . "!important" . ';
500 }';
501 }
502 if ($attributes['trendingCategoryLayoutOption'] == 'border' || $attributes['trendingCategoryLayoutOption'] == 'underline') {
503 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
504 border-color:' . $attributes['trendingCategoryBorderColor'] . ';
505 }';
506 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
507 border-color:' . $attributes['trendingSecondCategoryBorderColor'] . ';
508 }';
509 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
510 border-color:' . $attributes['trendingThirdCategoryBorderColor'] . ';
511 }';
512 }
513 }
514
515 //Trending nav color
516 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper button:before{
517 color:' . $attributes['trendingNavigationColor'] . ';
518 }';
519
520 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .slick-slider .slick-dots > li button{
521 background-color:' . $attributes['trendingNavigationColor'] . ';
522 }';
523
524 if ($attributes['trendingNextPrevShow']) {
525 if ($attributes['trendingNavigationShape'] == 'bs-navigation-1' || $attributes['trendingNavigationShape'] == 'bs-navigation-2') {
526 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .slick-slider .slick-arrow:after{
527 background-color:' . $attributes['trendingNavigationShapeColor'] . ';
528 }';
529 } elseif ($attributes['trendingNavigationShape'] == 'bs-navigation-3' || $attributes['trendingNavigationShape'] == 'bs-navigation-4') {
530 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .slick-slider .slick-arrow{
531 border-color:' . $attributes['trendingNavigationShapeColor'] . ';
532 }';
533 } else {
534 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-wrap .blockspare-banner-trending-carousel-wrapper .slick-slider .slick-arrow{
535 border-color:' . "transparent" . ';
536 background-color:' . "transparent" . ';
537 }';
538 }
539 }
540
541 // trending tab
542
543 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab i{
544 color:' . $attributes['trendingTabIconColor'] . ';
545 font-size:' . $attributes['trendingTabIconSize'] . "px" . ';
546 }';
547
548 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab{
549 color:' . $attributes['trendingTabTextColor'] . ';
550 background-color:' . $attributes['trendingTabBgColor'] . ';
551 }';
552
553 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab.active-tab{
554 background-color:' . $attributes['trendingTabActiveColor'] . ';
555 }';
556
557 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-trending-tabs .components-tab-panel__tabs{
558 border-color:' . $attributes['trendingTabActiveColor'] . " !important" . ';
559 }';
560
561
562 //Editor Picks Title Meta Color
563 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-title a span{
564 color:' . $attributes['editorPostTitleColor'] . ';
565 }';
566
567 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title{
568 line-height:' . $attributes['editorTitleLineHeight'] . ';
569 }';
570
571 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-author a span{
572 color:' . $attributes['editorPostLinkColor'] . ';
573 }';
574
575 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-text-link a{
576 color:' . $attributes['editorPostLinkColor'] . ';
577 }';
578
579 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-date{
580 color:' . $attributes['editorPostGeneralColor'] . ';
581 }';
582 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .comment_count{
583 color:' . $attributes['editorPostGeneralColor'] . ';
584 }';
585
586 //sliderTitle Hover
587
588 if ($attributes['editorTitleOnHover'] == 'lpc-title-hover') {
589 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-editor-title-hover .blockspare-posts-block-title-link:hover span{
590 color: ' . $attributes['editorTitleOnHoverColor'] . ';
591 }';
592 }
593
594 if ($attributes['editorTitleOnHover'] == 'lpc-title-border') {
595 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-posts-block-post-content.has-editor-title-hover .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link span:hover{
596 box-shadow: inset 0 -2px 0 0 ' . $attributes['editorTitleOnHoverColor'] . ';
597 }';
598 }
599
600 //editor title Gaps
601 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-editor-picks-items .blockspare-posts-block-post-grid-title{
602 margin-top: ' . $attributes['editorTitleMarginTop'] . "px" . ';
603 margin-Bottom: ' . $attributes['editorTitleMarginBottom'] . "px" . ';
604 margin-left: ' . $attributes['editorTitleMarginLeft'] . "px" . ';
605 margin-right: ' . $attributes['editorTitleMarginRight'] . "px" . ';
606 }';
607
608 //editor category Gaps
609 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-editor-picks-items .blockspare-posts-block-post-category{
610 margin-top: ' . $attributes['editorCategoryMarginTop'] . "px" . ';
611 margin-Bottom: ' . $attributes['editorCategoryMarginBottom'] . "px" . ';
612 margin-left: ' . $attributes['editorCategoryMarginLeft'] . "px" . ';
613 margin-right: ' . $attributes['editorCategoryMarginRight'] . "px" . ';
614 }';
615
616 //editor meta Gaps
617 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-editor-picks-items .blockspare-posts-block-post-grid-byline{
618 margin-top: ' . $attributes['editorMetaMarginTop'] . "px" . ';
619 margin-Bottom: ' . $attributes['editorMetaMarginBottom'] . "px" . ';
620 margin-left: ' . $attributes['editorMetaMarginLeft'] . "px" . ';
621 margin-right: ' . $attributes['editorMetaMarginRight'] . "px" . ';
622 }';
623
624
625 // editor category border-radius
626 if ($attributes['editorCategoryLayoutOption'] == 'border' || $attributes['editorCategoryLayoutOption'] == 'solid') {
627 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
628 border-radius:' . $attributes['editorCategoryBorderRadius'] . "px" . ';
629 }';
630 }
631
632 // editor category border
633 if ($attributes['editorCategoryLayoutOption'] == 'border') {
634 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
635 border-style: solid;
636 border-width:' . $attributes['editorCategoryBorderWidth'] . "px" . ';
637 }';
638 }
639
640 // editor category underline
641 if ($attributes['editorCategoryLayoutOption'] == 'underline') {
642 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
643 border-bottom-style: solid;
644 border-bottom-width:' . $attributes['editorCategoryBorderWidth'] . "px" . ';
645 padding-left: 0;
646 padding-right: 0;
647 }';
648 }
649
650 // editor Category colors
651 if ($attributes['editorColorType'] == 'bs-single-color') {
652 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
653 color:' . $attributes['editorCategoryTextColor'] . "!important" . ';
654 }';
655 if ($attributes['editorCategoryLayoutOption'] == 'solid') {
656 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
657 background-color:' . $attributes['editorCategoryBackgroundColor'] . "!important" . ';
658 }';
659 }
660 if ($attributes['editorCategoryLayoutOption'] == 'border' || $attributes['editorCategoryLayoutOption'] == 'underline') {
661 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
662 border-color:' . $attributes['editorCategoryBorderColor'] . ';
663 }';
664 }
665 } else {
666 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
667 color:' . $attributes['editorCategoryTextColor'] . "!important" . ';
668 }';
669 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
670 color:' . $attributes['editorSecondCategoryTextColor'] . "!important" . ';
671 }';
672 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
673 color:' . $attributes['editorThirdCategoryTextColor'] . "!important" . ';
674 }';
675 if ($attributes['editorCategoryLayoutOption'] == 'solid') {
676 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
677 background-color:' . $attributes['editorCategoryBackgroundColor'] . "!important" . ';
678 }';
679 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
680 background-color:' . $attributes['editorSecondCategoryBackgroundColor'] . "!important" . ';
681 }';
682 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
683 background-color:' . $attributes['editorThirdCategoryBackgroundColor'] . "!important" . ';
684 }';
685 }
686 if ($attributes['editorCategoryLayoutOption'] == 'border' || $attributes['editorCategoryLayoutOption'] == 'underline') {
687 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 1){
688 border-color:' . $attributes['editorCategoryBorderColor'] . ';
689 }';
690 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n + 2){
691 border-color:' . $attributes['editorSecondCategoryBorderColor'] . ';
692 }';
693 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a:nth-child(3n){
694 border-color:' . $attributes['editorThirdCategoryBorderColor'] . ';
695 }';
696 }
697 }
698
699 //Editor overlay color
700 if ($blockName == 'blockspare-banner-1' || $blockName == 'blockspare-banner-2' || $blockName == 'blockspare-banner-3' || $blockName == 'blockspare-banner-4') {
701 if ($attributes['bannerOneLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerOneLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-2 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-1 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-2 has-bg-layout') {
702 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
703 background:' . "linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, " . $attributes['editorPostOverlayColor'] . " 100%)" . ';
704 }';
705 }
706 if ($attributes['bannerOneLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerOneLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerTwoLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerThreeLayout'] === 'banner-style-4 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-3 has-bg-layout' || $attributes['bannerFourLayout'] === 'banner-style-4 has-bg-layout') {
707 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title .blockspare-posts-block-title-link{
708 background:' . $attributes['editorPostOverlayColor'] . ';
709 }';
710
711 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-byline{
712 background:' . $attributes['editorPostOverlayColor'] . ';
713 }';
714 }
715 if ($attributes['bannerOneLayout'] === 'banner-style-5' || $attributes['bannerOneLayout'] === 'banner-style-6' || $attributes['bannerTwoLayout'] === 'banner-style-5' || $attributes['bannerTwoLayout'] === 'banner-style-6' || $attributes['bannerThreeLayout'] === 'banner-style-5' || $attributes['bannerThreeLayout'] === 'banner-style-6' || $attributes['bannerFourLayout'] === 'banner-style-5' || $attributes['bannerFourLayout'] === 'banner-style-6') {
716 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-content::after{
717 background:' . $attributes['editorPostOverlayColor'] . ';
718 }';
719 }
720 if ($attributes['bannerOneLayout'] === 'banner-style-7' || $attributes['bannerOneLayout'] === 'banner-style-8' || $attributes['bannerTwoLayout'] === 'banner-style-7' || $attributes['bannerTwoLayout'] === 'banner-style-8' || $attributes['bannerThreeLayout'] === 'banner-style-7' || $attributes['bannerThreeLayout'] === 'banner-style-8' || $attributes['bannerFourLayout'] === 'banner-style-7' || $attributes['bannerFourLayout'] === 'banner-style-8') {
721 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
722 background:' . $attributes['editorPostOverlayColor'] . ';
723 }';
724 }
725 } else {
726 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-post-data .blockspare-posts-block-post-img::before{
727 background:' . "linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, " . $attributes['editorPostOverlayColor'] . " 100%)" . ';
728 }';
729 }
730
731
732 /**
733 * Font Size styles
734 */
735
736 //Slider Title Font size
737 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
738
739 font-size: ' . $attributes['sliderTitleFontSize'] . $attributes['sliderTitleFontSizeType'] . ';
740 ' . bscheckFontfamily($attributes['sliderTitleFontFamily']) . ';
741 ' . bscheckFontfamilyWeight($attributes['sliderTitleFontWeight']) . ';
742
743 }';
744
745 //Category Fornt
746 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
747
748 font-size: ' . $attributes['sliderCategoryFontSize'] . $attributes['sliderTitleFontSizeType'] . ';
749 ' . bscheckFontfamily($attributes['sliderCategoryFontFamily']) . ';
750 ' . bscheckFontfamilyWeight($attributes['sliderCategoryFontWeight']) . ';
751
752 }';
753
754 //Editor picks
755 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
756
757 font-size: ' . $attributes['editorTitleFontSize'] . $attributes['editorTitleFontSizeType'] . ';
758
759 ' . bscheckFontfamily($attributes['editorTitleFontFamily']) . ';
760 ' . bscheckFontfamilyWeight($attributes['editorTitleFontWeight']) . ';
761
762 }';
763
764 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-category a{
765
766 font-size: ' . $attributes['editorCategoryFontSize'] . $attributes['editorTitleFontSizeType'] . ';
767 ' . bscheckFontfamily($attributes['editorCategoryFontFamily']) . ';
768 ' . bscheckFontfamilyWeight($attributes['editorCategoryFontWeight']) . ';
769
770 }';
771 //Trending Carousel
772
773
774 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title {
775
776 font-size: ' . $attributes['trendingTitleFontSize'] . $attributes['trendingTitleFontSizeType'] . ';
777
778 ' . bscheckFontfamily($attributes['trendingTitleFontFamily']) . ';
779 ' . bscheckFontfamilyWeight($attributes['trendingTitleFontWeight']) . ';
780
781 }';
782
783 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-category a{
784
785 font-size: ' . $attributes['trendingCategoryFontSize'] . $attributes['trendingTitleFontSizeType'] . ';
786 ' . bscheckFontfamily($attributes['trendingCategoryFontFamily']) . ';
787 ' . bscheckFontfamilyWeight($attributes['trendingCategoryFontWeight']) . ';
788
789 }';
790
791 //Slider Meta
792 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-author a span{
793
794 font-size: ' . $attributes['sliderMetaFontSize'] . $attributes['sliderMetaFontSizeType'] . ';
795 ' . bscheckFontfamily($attributes['sliderMetaFontFamily']) . ';
796 ' . bscheckFontfamilyWeight($attributes['sliderMetaFontWeight']) . ';
797
798 }';
799 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-date{
800
801 font-size: ' . $attributes['sliderMetaFontSize'] . $attributes['sliderMetaFontSizeType'] . ';
802 ' . bscheckFontfamily($attributes['sliderMetaFontFamily']) . ';
803 ' . bscheckFontfamilyWeight($attributes['sliderMetaFontWeight']) . ';
804
805 }';
806
807 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .comment_count{
808
809 font-size: ' . $attributes['sliderMetaFontSize'] . $attributes['sliderMetaFontSizeType'] . ';
810 ' . bscheckFontfamily($attributes['sliderMetaFontFamily']) . ';
811 ' . bscheckFontfamilyWeight($attributes['sliderMetaFontWeight']) . ';
812
813 }';
814 //Editor picks Meta
815 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-author a span{
816
817 font-size: ' . $attributes['editorMetaFontSize'] . $attributes['editorTitleFontSizeType'] . ';
818 ' . bscheckFontfamily($attributes['editorMetaFontFamily']) . ';
819 ' . bscheckFontfamilyWeight($attributes['editorMetaFontWeight']) . ';
820
821 }';
822 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-date{
823
824 font-size: ' . $attributes['editorMetaFontSize'] . $attributes['editorTitleFontSizeType'] . ';
825 ' . bscheckFontfamily($attributes['editorMetaFontFamily']) . ';
826 ' . bscheckFontfamilyWeight($attributes['editorMetaFontWeight']) . ';
827
828 }';
829 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .comment_count{
830
831 font-size: ' . $attributes['editorMetaFontSize'] . $attributes['editorTitleFontSizeType'] . ';
832 ' . bscheckFontfamily($attributes['editorMetaFontFamily']) . ';
833 ' . bscheckFontfamilyWeight($attributes['editorMetaFontWeight']) . ';
834
835 }';
836
837 //Trending Carousel Meta
838 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-author a span{
839
840 font-size: ' . $attributes['trendingMetaFontSize'] . $attributes['trendingMetaFontSizeType'] . ';
841 ' . bscheckFontfamily($attributes['trendingMetaFontFamily']) . ';
842 ' . bscheckFontfamilyWeight($attributes['trendingMetaFontWeight']) . ';
843
844 }';
845 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-date{
846
847 font-size: ' . $attributes['trendingMetaFontSize'] . $attributes['trendingMetaFontSizeType'] . ';
848 ' . bscheckFontfamily($attributes['trendingMetaFontFamily']) . ';
849 ' . bscheckFontfamilyWeight($attributes['trendingMetaFontWeight']) . ';
850
851 }';
852 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .comment_count{
853
854 font-size: ' . $attributes['trendingMetaFontSize'] . $attributes['trendingMetaFontSizeType'] . ';
855 ' . bscheckFontfamily($attributes['trendingMetaFontFamily']) . ';
856 ' . bscheckFontfamilyWeight($attributes['trendingMetaFontFamily']) . ';
857
858 }';
859
860 // trending tab font size
861 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab{
862
863 font-size: ' . $attributes['trendingTabFontSize'] . $attributes['trendingTabFontSizeType'] . ';
864 ' . bscheckFontfamily($attributes['trendingTabFontFamily']) . ';
865 ' . bscheckFontfamilyWeight($attributes['trendingTabFontWeight']) . ';
866
867 }';
868
869 $inline_css .= '@media (max-width: 1025px) { ';
870 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
871 font-size: ' . $attributes['sliderTitleFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
872 }';
873
874 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
875
876 font-size: ' . $attributes['sliderCategoryFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
877 }';
878
879 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
880 font-size: ' . $attributes['editorTitleFontSizeTablet'] . $attributes['editorTitleFontSizeType'] . ';
881 }';
882
883 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-editor-picks-wrapper .blockspare-posts-block-post-category a{
884
885 font-size: ' . $attributes['editorCategoryFontSizeTablet'] . $attributes['editorTitleFontSizeType'] . ';
886 }';
887
888 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
889
890 font-size: ' . $attributes['trendingTitleFontSizeTablet'] . $attributes['trendingTitleFontSizeType'] . ';
891 }';
892
893 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
894
895 font-size: ' . $attributes['trendingTitleFontSizeTablet'] . $attributes['trendingTitleFontSizeType'] . ';
896 }';
897
898 //Meta
899 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-author a span{
900 font-size: ' . $attributes['sliderMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
901 }';
902 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-date{
903 font-size: ' . $attributes['sliderMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
904 }';
905 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .comment_count{
906 font-size: ' . $attributes['sliderMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
907 }';
908 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-author a span{
909 font-size: ' . $attributes['editorMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
910 }';
911 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-date{
912 font-size: ' . $attributes['editorMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
913 }';
914 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .comment_count{
915 font-size: ' . $attributes['editorMetaFontSizeTablet'] . $attributes['sliderTitleFontSizeType'] . ';
916 }';
917 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-author a span{
918 font-size: ' . $attributes['trendingMetaFontSizeTablet'] . $attributes['trendingMetaFontSizeType'] . ';
919 }';
920 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-date{
921 font-size: ' . $attributes['trendingMetaFontSizeTablet'] . $attributes['trendingMetaFontSizeType'] . ';
922 }';
923 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .comment_count{
924 font-size: ' . $attributes['trendingMetaFontSizeTablet'] . $attributes['trendingMetaFontSizeType'] . ';
925 }';
926 //End Meta
927
928 // trending tab font size
929 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab{
930 font-size: ' . $attributes['trendingTabFontSizeTablet'] . $attributes['trendingTabFontSizeType'] . ';
931 }';
932
933 $inline_css .= '}';
934
935 $inline_css .= '@media (max-width: 767px) { ';
936 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
937 font-size: ' . $attributes['sliderTitleFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
938 }';
939
940 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-category a{
941
942 font-size: ' . $attributes['sliderCategoryFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
943 }';
944
945 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
946 font-size: ' . $attributes['editorTitleFontSizeMobile'] . $attributes['editorTitleFontSizeType'] . ';
947 }';
948
949
950 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-editor-picks-wrapper .blockspare-posts-block-post-category a{
951
952 font-size: ' . $attributes['editorCategoryFontSizeMobile'] . $attributes['editorTitleFontSizeType'] . ';
953 }';
954
955 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-post-items .blockspare-posts-block-post-grid-title{
956 font-size: ' . $attributes['trendingTitleFontSizeMobile'] . $attributes['trendingTitleFontSizeType'] . ';
957 }';
958
959 //Meta
960 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-author a span{
961 font-size: ' . $attributes['sliderMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
962 }';
963 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .blockspare-posts-block-post-grid-date{
964 font-size: ' . $attributes['sliderMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
965 }';
966 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-slider-wrapper .comment_count{
967 font-size: ' . $attributes['sliderMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
968 }';
969 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-author a span{
970 font-size: ' . $attributes['editorMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
971 }';
972 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .blockspare-posts-block-post-grid-date{
973 font-size: ' . $attributes['editorMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
974 }';
975 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-editor-picks-wrapper .comment_count{
976 font-size: ' . $attributes['editorMetaFontSizeMobile'] . $attributes['sliderTitleFontSizeType'] . ';
977 }';
978 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-author a span{
979 font-size: ' . $attributes['trendingMetaFontSizeMobile'] . $attributes['trendingMetaFontSizeType'] . ';
980 }';
981 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-posts-block-post-grid-date{
982 font-size: ' . $attributes['trendingMetaFontSizeMobile'] . $attributes['trendingMetaFontSizeType'] . ';
983 }';
984 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .comment_count{
985 font-size: ' . $attributes['trendingMetaFontSizeMobile'] . $attributes['trendingMetaFontSizeType'] . ';
986 }';
987
988 // trending tab font size
989 $inline_css .= ' .' . $blockuniqueclass . ' .blockspare-banner-trending-carousel-wrapper .blockspare-trending-tabs .components-tab-panel__tabs .blockspare-trending-tab{
990 font-size: ' . $attributes['trendingTabFontSizeMobile'] . $attributes['trendingTabFontSizeType'] . ';
991 }';
992
993
994 if (!empty($inline_css)) {
995 $rand = $blockuniqueclass;
996 wp_register_style('bs-banner-two' . $rand, false);
997 wp_enqueue_style('bs-banner-two' . $rand);
998 wp_add_inline_style('bs-banner-two' . $rand, blockspare_minify_css($inline_css));
999 }
1000 }
1001 }
1002