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-9 / 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-9/index.php

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