WD Instagram Feed – Instagram Gallery

Version Description

Fixed: Security issue.

Release Info

Developer	10web
Plugin	WD Instagram Feed – Instagram Gallery
Version	1.4.26
Comparing to
See all releases

Code changes from version 1.4.25 to 1.4.26

Files changed (10) hide show

admin/views/feeds.php +2 -2
config.php +1 -1
framework/WDI_generate_styles.php +423 -423
frontend/shortcode.php +6 -8
frontend/views/WDIViewGalleryBox.php +4 -3
readme.txt +979 -1
wd-instagram-feed.php +1 -1
wd/includes/deactivate.php +7 -18
wd/includes/notices.php +8 -6
wd/includes/subscribe.php +1 -1

admin/views/feeds.php CHANGED Viewed

	@@ -88,7 +88,7 @@ class Feeds_view_wdi {
88	<td class="manage-column column-cb check-column"><input id="check_all" type="checkbox" onclick="wdi_spider_check_all(this)"/></td>
89
90	<th class="column-primary table_large_col <?php
91	- echo $order_class;
92	?>">
93	<?php
94	if($asc_or_desc==="asc"){
	@@ -132,7 +132,7 @@ class Feeds_view_wdi {
132	?>
133	<tr id="tr_<?php echo sanitize_html_class($row_data->id); ?>" <?php echo $alternate; ?>>
134	<th class="table_small_col check-column"><input id="check_<?php echo sanitize_html_class($row_data->id); ?>"
135	- name="check_<?php echo $row_data->id; ?>"
136	onclick="wdi_spider_check_all(this)" type="checkbox"/>
137	</th>
138	<td class="column-primary column-title" data-colname="Name">


88	<td class="manage-column column-cb check-column"><input id="check_all" type="checkbox" onclick="wdi_spider_check_all(this)"/></td>
89
90	<th class="column-primary table_large_col <?php
91	+ echo esc_html($order_class);
92	?>">
93	<?php
94	if($asc_or_desc==="asc"){

132	?>
133	<tr id="tr_<?php echo sanitize_html_class($row_data->id); ?>" <?php echo $alternate; ?>>
134	<th class="table_small_col check-column"><input id="check_<?php echo sanitize_html_class($row_data->id); ?>"
135	+ name="check_<?php echo intval($row_data->id); ?>"
136	onclick="wdi_spider_check_all(this)" type="checkbox"/>
137	</th>
138	<td class="column-primary column-title" data-colname="Name">

config.php CHANGED Viewed

	@@ -3,7 +3,7 @@ if ( !defined('ABSPATH') ) {
3	exit;
4	}
5
6	- define('WDI_VERSION', '1.4.25');
7	define('WDI_IS_FREE', TRUE);
8	define('WDI_PREFIX', 'wdi');
9	define('WDI_DIR', WP_PLUGIN_DIR . "/" . plugin_basename(dirname(__FILE__)));


3	exit;
4	}
5
6	+ define('WDI_VERSION', '1.4.26');
7	define('WDI_IS_FREE', TRUE);
8	define('WDI_PREFIX', 'wdi');
9	define('WDI_DIR', WP_PLUGIN_DIR . "/" . plugin_basename(dirname(__FILE__)));

framework/WDI_generate_styles.php CHANGED Viewed

	@@ -52,124 +52,124 @@ class WDI_generate_styles {
52	?>
53	<style>
54
55	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_feed_wrapper {
56	- width: <?php echo $style['feed_wrapper_width']?>; /feed_wrapper_width,column number image size*/
57	- background-color: <?php echo $style['feed_wrapper_bg_color']?>; /feed_wrapper_bg_color/
58	- text-align: <?php echo $style['header_position']?>; /header_position/
59	}
60
61	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_feed_header {
62	- margin: <?php echo $style['header_margin']?>; /header_margin/
63	- padding: <?php echo $style['header_padding']?>; /header_padding/
64	- border: <?php echo $style['header_border_size']?> solid <?php echo $style['header_border_color']?>; /header_border_size, header_border_color/
65	- text-align: <?php echo $style['header_position']?>; /header_position/
66	}
67
68	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_header_text {
69	- font-size: <?php echo $style['header_text_font_size']?>;
70	- font-style: <?php echo $style['header_text_font_style']?>;
71	- padding: <?php echo $style['header_text_padding']?>; /header_text_padding/
72	- color: <?php echo $style['header_text_color']?>; /header_text_color/
73	- font-weight: <?php echo $style['header_font_weight']?>; /header_font_weight/
74	- line-height: <?php echo $style['header_img_width']?>px; /header_img_width/
75	}
76
77	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_single_user {
78	- padding-top: <?php echo $style['user_padding']?>; /user_padding/
79	- padding-bottom: <?php echo $style['user_padding']?>; /user_padding/
80	- padding-left: <?php echo $style['user_padding']?>; /user_padding/
81	- padding-right: <?php echo $style['user_padding']?>; /user_padding/
82	}
83
84	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_header_hashtag h3 {
85	margin-top: <?php echo (intval($style['user_img_width']) - intval($style['users_text_font_size']))/2?>px;
86	}
87
88	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_header_user_text h3 {
89	- font-size: <?php echo $style['users_text_font_size']?>;
90	- font-style: <?php echo $style['users_text_font_style']?>;
91	- line-height: <?php echo $style['users_text_font_size']?>;
92	- color: <?php echo $style['users_text_color']?>; /header_text_color/;
93	}
94
95	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_user_img_wrap img {
96	- height: <?php echo $style['user_img_width']?>px;
97	- width: <?php echo $style['user_img_width']?>px;
98	- border-radius: <?php echo $style['user_border_radius']?>px;
99	}
100
101	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_media_info {
102	/display: inline-block;/
103	margin-left: <?php echo intval($style['user_img_width']) + 10;?>px;
104	- line-height: <?php echo $style['users_text_font_size']?>;
105	- color: <?php echo $style['users_text_color']?>; /header_text_color !mmm/ seperate/
106	}
107
108	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_bio {
109	- color: <?php echo $style['users_text_color']?>; /header_text_color/
110	- font-size: <?php echo $style['user_description_font_size']?>; /header_text_color/
111	}
112
113	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_follow_btn {
114	- border-radius: <?php echo $style['follow_btn_border_radius']?>px;
115	- font-size: <?php echo $style['follow_btn_font_size']?>px;
116	- background-color: <?php echo $style['follow_btn_bg_color']?>;
117	- border-color: <?php echo $style['follow_btn_border_color']?>;
118	- color: <?php echo $style['follow_btn_text_color']?>;
119	- margin-left: <?php echo $style['follow_btn_margin']?>px;
120	- padding: 0 <?php echo $style['follow_btn_padding']?>px;
121	}
122
123	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_follow_btn:hover {
124	- border-color: <?php echo $style['follow_btn_border_hover_color']?>;
125	- color: <?php echo $style['follow_btn_text_hover_color']?>;
126	- background-color: <?php echo $style['follow_btn_background_hover_color']?>;
127	}
128
129	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_filter_overlay {
130	- width: <?php echo $style['user_img_width']~~;?>~~px; /user_img_width/
131	- height: <?php echo $style['user_img_width']~~;?>~~px; /user_img_width/
132	- border-radius: <?php echo $style['user_border_radius']?>px; /user_img_width/
133	- background-color: <?php echo $style['th_overlay_hover_color']~~;?>;~~
134	}
135
136	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_filter_icon span {
137	- width: <?php echo $style['user_img_width']~~;?>~~px; /header_img_width/
138	- height: <?php echo $style['user_img_width']~~;?>~~px; /header_img_width/
139	}
140
141	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_load_more_text {
142	- color: <?php echo $style['load_more_text_color']?>; /load_more_text_color/
143	- font-size: <?php echo $style['load_more_text_font_size']?>; /load_more_text_font_size/
144	}
145
146	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_load_more_text img {
147	- height: <?php echo $style['load_more_height']?>; /load_more_height/
148	- width: <?php echo $style['load_more_height']?>; /load_more_height/
149	}
150
151	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_load_more_wrap:hover {
152	- background-color: <?php echo $style['load_more_wrap_hover_color']?>; /load_more_wrap_hover_color/
153	}
154
155	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_pagination {
156
157	- text-align: <?php echo $style['pagination_position']?>; /load_more_position/
158	- color: <?php echo $style['pagination_ctrl_color']?>; /pagination_ctrl_color/
159	- font-size: <?php echo $style['pagination_size']?>; /pagination_size/
160	}
161
162	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_pagination_ctrl {
163	- margin: <?php echo $style['pagination_ctrl_margin']?>;
164	}
165
166	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_pagination_ctrl:hover {
167	- color: <?php echo $style['pagination_ctrl_hover_color']?>;
168	}
169
170	- .wdi_feed_theme_<?php echo $theme_id; ?> .wdi_filter_active_col {
171	- color: <?php echo $style['active_filter_bg_color'];?>;
172	- border-color: <?php echo $style['active_filter_bg_color'];?>;
173	}
174
175	</style>
	@@ -188,101 +188,101 @@ class WDI_generate_styles {
188	ob_start();
189	?>
190	<style>
191	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_feed_container {
192	- width: <?php echo $style['feed_container_width']?>;
193	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
194	- border-bottom: 5px solid <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/;
195	}
196
197	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_header_img_wrap {
198	- height: <?php echo $style['header_img_width']?>px; /header_img_width/
199	- width: <?php echo $style['header_img_width']?>px; /header_img_width/
200	- border-radius: <?php echo $style['header_border_radius']?>px; /header_img_width/
201	}
202
203	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_wrap {
204	- padding: <?php echo $style['th_photo_wrap_padding']?>; /photo_wrap_padding/
205	- width: calc(100% - 2 *<?php echo $style['th_photo_wrap_padding']?>);
206	}
207
208	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_wrap_inner {
209	- border: <?php echo $style['th_photo_wrap_border_size']?> solid <?php echo $style['th_photo_wrap_border_color']?>; /photo_wrap_border_size,photo_wrap_border_color/
210	- background-color: <?php echo $style['th_photo_wrap_bg_color']?>; /photo_wrap_bg_color/
211	}
212
213	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_img {
214	- border-radius: <?php echo $style['th_photo_img_border_radius']?>; /photo_img_border_radius/
215	}
216
217	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_meta {
218	- background-color: <?php echo $style['th_photo_meta_bg_color']?>; /photo_meta_bg_color/
219	}
220
221	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_thumb_likes {
222	- width: <?php echo ($style['th_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
223	- float: <?php echo ($style['th_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
224	- font-size: <?php echo $style['th_like_comm_font_size']?>; /photo_caption_font_size/;
225	- color: <?php echo $style['th_like_text_color']?>; /like_text_color/
226
227	}
228
229	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_thumb_comments {
230	- width: <?php echo ($style['th_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
231	- float: <?php echo ($style['th_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
232	- font-size: <?php echo $style['th_like_comm_font_size']?>; /photo_caption_font_size/;
233	- color: <?php echo $style['th_comment_text_color']?>; /comment_text_color/
234
235	}
236
237	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_title {
238	- font-size: <?php echo $style['th_photo_caption_font_size']?>; /photo_caption_font_size/
239	- color: <?php echo $style['th_photo_caption_color']?>; /photo_caption_color/
240	}
241
242	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_title:hover {
243	- color: <?php echo $style['th_photo_caption_hover_color']?>;
244	}
245
246	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_load_more_spinner {
247	- color: <?php echo $style['load_more_text_color']?>; /load_more_text_color/
248	font-size: <?php echo intval($style['load_more_text_font_size'])1.3?>px; /load_more_text_font_size*/
249	}
250
251	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_load_more,
252	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_spinner {
253	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
254	- text-align: <?php echo $style['load_more_position']?>; /load_more_position/
255	}
256
257	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_load_more_wrap,
258	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_spinner_wrap {
259	- padding: <?php echo $style['load_more_padding']?>; /load_more_padding/
260	- background-color: <?php echo $style['load_more_bg_color']?>; /load_more_bg_color/
261	- border-radius: <?php echo $style['load_more_border_radius']?>; /load_more_border_radius/
262	- height: <?php echo $style['load_more_height']?>; /load_more_height/
263	- width: <?php echo $style['load_more_width']?>; /load_more_width/
264	- border: <?php echo $style['load_more_border_size']?> solid <?php echo $style['load_more_border_color']?>; /load_more_border_size, load_more_border_color/;
265	}
266
267	<?php
268	require_once(WDI_DIR . '/framework/WDILibrary.php');
269	- $rgb_overlay = WDILibrary::wdi_spider_hex2rgb($style['th_overlay_hover_color']);
270	$rgba_overlay = 'rgba('. $rgb_overlay['red'] .',' . $rgb_overlay['green'] . ',' . $rgb_overlay['blue'] . ','.((100 - intval($style['th_overlay_hover_transparent']))/100).')';
271	?>
272	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_overlay:hover {
273	background-color: <?php echo $rgba_overlay;?>
274	}
275
276	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_overlay i {
277	- font-size: <?php echo $style['th_overlay_hover_icon_font_size']~~;?>;~~
278	}
279
280	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_overlay:hover i {
281	- color: <?php echo $style['th_overlay_hover_icon_color']~~;?>~~
282	}
283
284	<?php
285	- switch($style['th_photo_img_hover_effect']){
286	case 'rotate': {
287	$effect = 'rotate(5deg)';
288	break;
	@@ -301,7 +301,7 @@ class WDI_generate_styles {
301	}
302	}
303	?>
304	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_photo_img:hover img {
305	-webkit-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
306	-moz-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
307	-ms-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
	@@ -309,13 +309,13 @@ class WDI_generate_styles {
309	transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
310	}
311
312	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_filter_active_bg {
313	- background-color: <?php echo $style['active_filter_bg_color']~~;?>;~~
314	}
315
316	- .wdi_feed_<?php echo 'thumbnail_' . $theme_id; ?> .wdi_media_user {
317	- color: <?php echo $style['th_thumb_user_color']~~;?>;;~~
318	- background-color: <?php echo $style['th_thumb_user_bg_color']~~;?>;;~~
319	}
320
321	</style>
	@@ -334,102 +334,102 @@ class WDI_generate_styles {
334	ob_start();
335	?>
336	<style>
337	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_feed_container {
338	- width: <?php echo $style['feed_container_width']?>;
339	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
340	- border-bottom: 5px solid <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/;
341	}
342
343	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_header_img_wrap,
344	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_users_img_wrap {
345	- height: <?php echo $style['header_img_width']?>px; /header_img_width/
346	- width: <?php echo $style['header_img_width']?>px; /header_img_width/
347	- border-radius: <?php echo $style['header_border_radius']?>px; /header_img_width/
348	}
349
350	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_wrap {
351	- padding: <?php echo $style['mas_photo_wrap_padding']?>; /photo_wrap_padding/
352	}
353
354	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_wrap_inner {
355	- border: <?php echo $style['mas_photo_wrap_border_size']?> solid <?php echo $style['mas_photo_wrap_border_color']?>; /photo_wrap_border_size,photo_wrap_border_color/
356	- background-color: <?php echo $style['mas_photo_wrap_bg_color']?>; /photo_wrap_bg_color/
357	}
358
359	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_img {
360	- border-radius: <?php echo $style['mas_photo_img_border_radius']?>; /photo_img_border_radius/
361	}
362
363	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_meta {
364	- background-color: <?php echo $style['mas_photo_meta_bg_color']?>; /photo_meta_bg_color/
365	}
366
367	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_thumb_likes {
368	- width: <?php echo ($style['mas_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
369	- float: <?php echo ($style['mas_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
370	- font-size: <?php echo $style['mas_like_comm_font_size']?>; /photo_caption_font_size/;
371	- color: <?php echo $style['mas_like_text_color']?>; /like_text_color/
372
373	}
374
375	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_thumb_comments {
376	- width: <?php echo ($style['mas_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
377	- float: <?php echo ($style['mas_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
378	- font-size: <?php echo $style['mas_like_comm_font_size']?>; /photo_caption_font_size/;
379	- color: <?php echo $style['mas_comment_text_color']?>; /comment_text_color/
380
381	}
382
383	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_title {
384	- font-size: <?php echo $style['mas_photo_caption_font_size']?>; /photo_caption_font_size/
385	- color: <?php echo $style['mas_photo_caption_color']?>; /photo_caption_color/
386	}
387
388	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_title:hover {
389	- color: <?php echo $style['mas_photo_caption_hover_color']?>;
390	}
391
392	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_load_more_spinner {
393	- color: <?php echo $style['load_more_text_color']?>; /load_more_text_color/
394	font-size: <?php echo intval($style['load_more_text_font_size'])1.5?>px; /load_more_text_font_size*/
395	}
396
397	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_load_more,
398	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_spinner {
399	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
400	- text-align: <?php echo $style['load_more_position']?>; /load_more_position/
401	}
402
403	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_load_more_wrap,
404	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_spinner_wrap {
405	- padding: <?php echo $style['load_more_padding']?>; /load_more_padding/
406	- background-color: <?php echo $style['load_more_bg_color']?>; /load_more_bg_color/
407	- border-radius: <?php echo $style['load_more_border_radius']?>; /load_more_border_radius/
408	- height: <?php echo $style['load_more_height']?>; /load_more_height/
409	- width: <?php echo $style['load_more_width']?>; /load_more_width/
410	- border: <?php echo $style['load_more_border_size']?> solid <?php echo $style['load_more_border_color']?>; /load_more_border_size, load_more_border_color/;
411	}
412
413	<?php
414	require_once(WDI_DIR . '/framework/WDILibrary.php');
415	- $rgb_overlay = WDILibrary::wdi_spider_hex2rgb($style['mas_overlay_hover_color']);
416	$rgba_overlay = 'rgba('. $rgb_overlay['red'] .',' . $rgb_overlay['green'] . ',' . $rgb_overlay['blue'] . ','.((100 - intval($style['mas_overlay_hover_transparent']))/100).')';
417	?>
418
419	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_overlay:hover {
420	background-color: <?php echo $rgba_overlay;?>
421	}
422
423	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_overlay i {
424	- font-size: <?php echo $style['th_overlay_hover_icon_font_size']~~;?>;~~
425	}
426
427	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_overlay:hover i {
428	- color: <?php echo $style['th_overlay_hover_icon_color'];?>
429	}
430
431	<?php
432	- switch($style['mas_photo_img_hover_effect']){
433	case 'rotate': {
434	$effect = 'rotate(5deg)';
435	break;
	@@ -448,17 +448,17 @@ class WDI_generate_styles {
448	}
449	}
450	?>
451	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_photo_img:hover img {
452	transform: <?php echo $effect?>
453	}
454
455	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_filter_active_bg {
456	- background-color: <?php echo $style['active_filter_bg_color'];?>;
457	}
458
459	- .wdi_feed_<?php echo 'masonry_' . $theme_id; ?> .wdi_media_user {
460	- color: <?php echo $style['mas_thumb_user_color'];?>;
461	- background-color: <?php echo $style['mas_thumb_user_bg_color'];?>;
462	}
463
464	</style>
	@@ -478,79 +478,79 @@ class WDI_generate_styles {
478	ob_start();
479	?>
480	<style>
481	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_feed_container {
482	- width: <?php echo $style['feed_container_width']?>;
483	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
484	}
485
486	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_header_img_wrap,
487	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_users_img_wrap {
488	- height: <?php echo $style['header_img_width']?>px; /header_img_width/
489	- width: <?php echo $style['header_img_width']?>px; /header_img_width/
490	- border-radius: <?php echo $style['header_border_radius']?>px; /header_img_width/
491	}
492
493	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_wrap {
494	- padding: <?php echo $style['blog_style_photo_wrap_padding']?>; /photo_wrap_padding/
495	}
496
497	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_wrap_inner {
498	- border: <?php echo $style['blog_style_photo_wrap_border_size']?> solid <?php echo $style['blog_style_photo_wrap_border_color']?>; /photo_wrap_border_size,photo_wrap_border_color/
499	- background-color: <?php echo $style['blog_style_photo_wrap_bg_color']?>; /photo_wrap_bg_color/
500	}
501
502	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_img {
503	- border-radius: <?php echo $style['blog_style_photo_img_border_radius']?>; /photo_img_border_radius/
504	}
505
506	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_meta {
507	- background-color: <?php echo $style['blog_style_photo_meta_bg_color']?>; /photo_meta_bg_color/
508	}
509
510	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_thumb_likes {
511	- width: <?php echo ($style['blog_style_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
512	- float: <?php echo ($style['blog_style_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
513	- font-size: <?php echo $style['blog_style_like_comm_font_size']?>; /photo_caption_font_size/;
514	- color: <?php echo $style['blog_style_like_text_color']?>; /like_text_color/
515
516	}
517
518	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_thumb_comments {
519	- width: <?php echo ($style['blog_style_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
520	- float: <?php echo ($style['blog_style_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
521	- font-size: <?php echo $style['blog_style_like_comm_font_size']?>; /photo_caption_font_size/;
522	- color: <?php echo $style['blog_style_comment_text_color']?>; /comment_text_color/
523
524	}
525
526	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_title {
527	- font-size: <?php echo $style['blog_style_photo_caption_font_size']?>; /photo_caption_font_size/
528	- color: <?php echo $style['blog_style_photo_caption_color']?>; /photo_caption_color/
529	}
530
531	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_photo_title:hover {
532	- color: <?php echo $style['blog_style_photo_caption_hover_color']?>;
533	}
534
535	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_load_more_spinner {
536	- color: <?php echo $style['load_more_text_color']?>; /load_more_text_color/
537	font-size: <?php echo intval($style['load_more_text_font_size'])1.5?>px; /load_more_text_font_size*/
538	}
539
540	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_load_more,
541	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_spinner {
542	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
543	- text-align: <?php echo $style['load_more_position']?>; /load_more_position/
544	}
545
546	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_load_more_wrap,
547	- .wdi_feed_<?php echo 'blog_' . $theme_id; ?> .wdi_spinner_wrap {
548	- padding: <?php echo $style['load_more_padding']?>; /load_more_padding/
549	- background-color: <?php echo $style['load_more_bg_color']?>; /load_more_bg_color/
550	- border-radius: <?php echo $style['load_more_border_radius']?>; /load_more_border_radius/
551	- height: <?php echo $style['load_more_height']?>; /load_more_height/
552	- width: <?php echo $style['load_more_width']?>; /load_more_width/
553	- border: <?php echo $style['load_more_border_size']?> solid <?php echo $style['load_more_border_color']?>; /load_more_border_size, load_more_border_color/;
554	}
555
556	</style>
	@@ -569,74 +569,74 @@ class WDI_generate_styles {
569	ob_start();
570	?>
571	<style>
572	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_feed_container {
573	- width: <?php echo $style['feed_container_width']?>;
574	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
575	- border-bottom: 5px solid <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/;
576	}
577
578	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_header_img_wrap,
579	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_users_img_wrap {
580	- height: <?php echo $style['header_img_width']?>px; /header_img_width/
581	- width: <?php echo $style['header_img_width']?>px; /header_img_width/
582	- border-radius: <?php echo $style['header_border_radius']?>px; /header_img_width/
583	}
584
585	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_wrap {
586	- padding: <?php echo $style['image_browser_photo_wrap_padding']?>; /photo_wrap_padding/
587
588	}
589
590	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_wrap_inner {
591	- border: <?php echo $style['image_browser_photo_wrap_border_size']?> solid <?php echo $style['image_browser_photo_wrap_border_color']?>; /photo_wrap_border_size,photo_wrap_border_color/
592	- background-color: <?php echo $style['image_browser_photo_wrap_bg_color']?>; /photo_wrap_bg_color/
593	}
594
595	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_img {
596	- border-radius: <?php echo $style['image_browser_photo_img_border_radius']?>; /photo_img_border_radius/
597	}
598
599	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_meta {
600	- background-color: <?php echo $style['image_browser_photo_meta_bg_color']?>; /photo_meta_bg_color/
601	}
602
603	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_thumb_likes {
604	- width: <?php echo ($style['image_browser_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
605	- float: <?php echo ($style['image_browser_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
606	- font-size: <?php echo $style['image_browser_like_comm_font_size']?>; /photo_caption_font_size/;
607	- color: <?php echo $style['image_browser_like_text_color']?>; /like_text_color/
608
609	}
610
611	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_thumb_comments {
612	- width: <?php echo ($style['image_browser_photo_meta_one_line']=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
613	- float: <?php echo ($style['image_browser_photo_meta_one_line']=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
614	- font-size: <?php echo $style['image_browser_like_comm_font_size']?>; /photo_caption_font_size/;
615	- color: <?php echo $style['image_browser_comment_text_color']?>; /comment_text_color/
616
617	}
618
619	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_title {
620	- font-size: <?php echo $style['image_browser_photo_caption_font_size']?>; /photo_caption_font_size/
621	- color: <?php echo $style['image_browser_photo_caption_color']?>; /photo_caption_color/
622	}
623
624	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_photo_title:hover {
625	- color: <?php echo $style['image_browser_photo_caption_hover_color']?>;
626	}
627
628	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_load_more {
629	- background-color: <?php echo $style['feed_container_bg_color']?>; /feed_container_bg_color/
630	- text-align: <?php echo $style['load_more_position']?>; /load_more_position/
631	}
632
633	- .wdi_feed_<?php echo 'browser_' . $theme_id; ?> .wdi_load_more_wrap {
634	- padding: <?php echo $style['load_more_padding']?>; /load_more_padding/
635	- background-color: <?php echo $style['load_more_bg_color']?>; /load_more_bg_color/
636	- border-radius: <?php echo $style['load_more_border_radius']?>; /load_more_border_radius/
637	- height: <?php echo $style['load_more_height']?>; /load_more_height/
638	- width: <?php echo $style['load_more_width']?>; /load_more_width/
639	- border: <?php echo $style['load_more_border_size']?> solid <?php echo $style['load_more_border_color']?>; /load_more_border_size, load_more_border_color/;
640	}
641
642	</style>
	@@ -652,16 +652,16 @@ class WDI_generate_styles {
652	public function lightbox_styles(){
653	$style = $this->theme_options;
654	$theme_id = $this->theme_id;
655	- $rgb_lightbox_ctrl_cont_bg_color = WDILibrary::wdi_spider_hex2rgb($style['lightbox_ctrl_cont_bg_color']);
656	- $rgb_wdi_image_info_bg_color = WDILibrary::wdi_spider_hex2rgb($style['lightbox_info_bg_color']);
657
658	$filmstrip_direction = 'horizontal';
659	- if ($style['lightbox_filmstrip_pos'] == 'right' \|\| $style['lightbox_filmstrip_pos'] == 'left') {
660	$filmstrip_direction = 'vertical';
661	}
662
663	- $lb_container = '.wdi_lightbox_theme_' . $theme_id;
664	- $feed_conatiner = '.wdi_feed_theme_' . $theme_id;
665	ob_start();
666	?>
667	<style>
	@@ -673,12 +673,12 @@ class WDI_generate_styles {
673	}
674
675	<?php echo $feed_conatiner; ?> .wdi_spider_popup_overlay {
676	- background-color: <?php echo $style['lightbox_overlay_bg_color']; ?>;
677	- opacity: <?php echo (intval($style['lightbox_overlay_bg_transparent'])/100); ?>;
678	}
679
680	<?php echo $lb_container; ?>.wdi_spider_popup_wrap {
681	- background-color: <?php echo $style['lightbox_bg_color']; ?>;
682	display: inline-block;
683	left: 50%;
684	outline: medium none;
	@@ -689,19 +689,19 @@ class WDI_generate_styles {
689	}
690
691	<?php echo $lb_container; ?> .wdi_ctrl_btn {
692	- color: <?php echo $style['lightbox_ctrl_btn_color']; ?>;
693	- font-size: <?php echo $style['lightbox_ctrl_btn_height']; ?>px;
694	- margin: <?php echo $style['lightbox_ctrl_btn_margin_top']; ?>px <?php echo $style['lightbox_ctrl_btn_margin_left']; ?>px;
695	- opacity: <?php echo number_format($style['lightbox_ctrl_btn_transparent'] / 100, 2, ".", ""); ?>;
696	- filter: Alpha(opacity=<?php echo $style['lightbox_ctrl_btn_transparent']; ?>);
697	}
698
699	<?php echo $lb_container; ?> .wdi_toggle_btn {
700	- color: <?php echo $style['lightbox_ctrl_btn_color']; ?>;
701	- font-size: <?php echo $style['lightbox_toggle_btn_height']; ?>px;
702	margin: 0;
703	- opacity: <?php echo number_format($style['lightbox_ctrl_btn_transparent'] / 100, 2, ".", ""); ?>;
704	- filter: Alpha(opacity=<?php echo $style['lightbox_ctrl_btn_transparent']; ?>);
705	padding: 0;
706	}
707
	@@ -715,73 +715,73 @@ class WDI_generate_styles {
715	}
716
717	<?php echo $lb_container; ?> .wdi_ctrl_btn_container {
718	- background-color: rgba(<?php echo $rgb_lightbox_ctrl_cont_bg_color['red']; ?>, <?php echo $rgb_lightbox_ctrl_cont_bg_color['green']; ?>, <?php echo $rgb_lightbox_ctrl_cont_bg_color['blue']; ?>, <?php echo number_format($style['lightbox_ctrl_cont_transparent'] / 100, 2, ".", ""); ?>);
719	/*background: none repeat scroll 0 0 #
720	- <?php echo $style['lightbox_ctrl_cont_bg_color']; ?> ;*/
721	<?php
722	- if ($style['lightbox_ctrl_btn_pos'] == 'top') { ?> border-bottom-left-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
723	- border-bottom-right-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
724	<?php } else { ?> bottom: 0;
725	- border-top-left-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
726	- border-top-right-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
727	- <?php } ?> height: <?php echo $style['lightbox_ctrl_btn_height'] + 2 * $style['lightbox_ctrl_btn_margin_top']; ?>px;
728	/*opacity:
729	- <?php echo number_format($style['lightbox_ctrl_cont_transparent'] / 100, 2, ".", ""); ?> ;
730	filter: Alpha(opacity=
731	- <?php echo $style['lightbox_ctrl_cont_transparent']; ?> );*/
732	position: absolute;
733	- text-align: <?php echo $style['lightbox_ctrl_btn_align']; ?>;
734	width: 100%;
735	z-index: 10150;
736	padding: 8px;
737	}
738
739	<?php echo $lb_container; ?> .wdi_toggle_container {
740	- background: none repeat scroll 0 0 <?php echo $style['lightbox_ctrl_cont_bg_color']; ?>;
741	- <?php if ($style['lightbox_ctrl_btn_pos'] == 'top') { ?>
742	- border-bottom-left-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
743	- border-bottom-right-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
744	- border-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
745	- top: <?php echo $style['lightbox_ctrl_btn_height'] + 2 * $style['lightbox_ctrl_btn_margin_top']; ?>px;
746	<?php } else { ?>
747	- border-top-left-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
748	- border-top-right-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
749	- border-radius: <?php echo $style['lightbox_ctrl_cont_border_radius']; ?>px;
750	- bottom: <?php echo $style['lightbox_ctrl_btn_height'] + 2 * $style['lightbox_ctrl_btn_margin_top']; ?>px;
751	<?php }?>
752	cursor: pointer;
753	left: 50%;
754	line-height: 0;
755	- margin-left: -<?php echo $style['lightbox_toggle_btn_width'] / 2; ?>px;
756	- opacity: <?php echo number_format($style['lightbox_ctrl_cont_transparent'] / 100, 2, ".", ""); ?>;
757	- filter: Alpha(opacity=<?php echo $style['lightbox_ctrl_cont_transparent']; ?>);
758	position: absolute;
759	text-align: center;
760	- width: <?php echo $style['lightbox_toggle_btn_width']; ?>px;
761	z-index: 10149;
762	}
763
764	<?php echo $lb_container; ?> .wdi_close_btn {
765	- opacity: <?php echo number_format($style['lightbox_close_btn_transparent'] / 100, 2, ".", ""); ?>;
766	- filter: Alpha(opacity=<?php echo $style['lightbox_close_btn_transparent']; ?>);
767	}
768
769	<?php echo $lb_container; ?> .wdi_spider_popup_close {
770	- background-color: <?php echo $style['lightbox_close_btn_bg_color']; ?>;
771	- border-radius: <?php echo $style['lightbox_close_btn_border_radius']; ?>px;
772	- border: <?php echo $style['lightbox_close_btn_border_width']; ?>px <?php echo $style['lightbox_close_btn_border_style']; ?> <?php echo $style['lightbox_close_btn_border_color']; ?>;
773	- box-shadow: <?php echo $style['lightbox_close_btn_box_shadow']; ?>;
774	- color: <?php echo $style['lightbox_close_btn_color']; ?>;
775	- height: <?php echo $style['lightbox_close_btn_height']; ?>px;
776	- font-size: <?php echo $style['lightbox_close_btn_size']; ?>px;
777	- right: <?php echo $style['lightbox_close_btn_right']; ?>px;
778	- top: <?php echo $style['lightbox_close_btn_top']; ?>px;
779	- width: <?php echo $style['lightbox_close_btn_width']; ?>px;
780	}
781
782	<?php echo $lb_container; ?> .wdi_spider_popup_close_fullscreen {
783	- color: <?php echo $style['lightbox_close_btn_full_color']; ?>;
784	- font-size: <?php echo $style['lightbox_close_btn_size']; ?>px;
785	right: 15px;
786	}
787
	@@ -795,31 +795,31 @@ class WDI_generate_styles {
795
796	<?php echo $lb_container; ?> #wdi_spider_popup_left-ico,
797	<?php echo $lb_container; ?> #wdi_spider_popup_right-ico {
798	- background-color: <?php echo $style['lightbox_rl_btn_bg_color']; ?>;
799	/***/
800	- border-radius: <?php echo $style['lightbox_rl_btn_border_radius']; ?>px;
801	/***/
802	- border: <?php echo $style['lightbox_rl_btn_border_width']; ?>px <?php echo $style['lightbox_rl_btn_border_style']; ?> <?php echo $style['lightbox_rl_btn_border_color']; ?>;
803	- box-shadow: <?php echo $style['lightbox_rl_btn_box_shadow']; ?>;
804	- color: <?php echo $style['lightbox_rl_btn_color']; ?>;
805	- height: <?php echo $style['lightbox_rl_btn_height']; ?>px;
806	- font-size: <?php echo $style['lightbox_rl_btn_size']; ?>px;
807	- width: <?php echo $style['lightbox_rl_btn_width']; ?>px;
808	- opacity: <?php echo number_format($style['lightbox_rl_btn_transparent'] / 100, 2, ".", ""); ?>;
809	- filter: Alpha(opacity=<?php echo $style['lightbox_rl_btn_transparent']; ?>);
810	}
811
812	<?php echo $lb_container; ?> .wdi_ctrl_btn:hover,
813	<?php echo $lb_container; ?> .wdi_toggle_btn:hover,
814	<?php echo $lb_container; ?> #wdi_spider_popup_left-ico:hover,
815	<?php echo $lb_container; ?> #wdi_spider_popup_right-ico:hover {
816	- color: <?php echo $style['lightbox_close_rl_btn_hover_color']; ?>;
817	cursor: pointer;
818	}
819
820	<?php echo $lb_container; ?> .wdi_spider_popup_close:hover,
821	<?php echo $lb_container; ?> .wdi_spider_popup_close_fullscreen:hover{
822	- color: <?php echo $style['lightbox_close_btn_hover_color'];?>;
823	cursor: pointer;
824	}
825
	@@ -852,23 +852,23 @@ class WDI_generate_styles {
852
853	<?php echo $lb_container; ?> .wdi_comment_container {
854	-moz-box-sizing: border-box;
855	- background-color: <?php echo $style['lightbox_comment_bg_color']; ?>;
856	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
857	- font-size: <?php echo $style['lightbox_comment_font_size']; ?>px;
858	- font-family: <?php echo $style['lightbox_comment_font_style']; ?>;
859	height: 100%;
860	overflow: hidden;
861	position: absolute;
862	- <?php echo $style['lightbox_comment_pos']; ?>: -<?php echo $style['lightbox_comment_width']; ?>px;
863	top: 0;
864	- width: <?php echo $style['lightbox_comment_width']; ?>px;
865	z-index: 10103;
866	}
867
868	<?php echo $lb_container; ?> .wdi_comments {
869	bottom: 0;
870	- font-size: <?php echo $style['lightbox_comment_font_size']; ?>px;
871	- font-family: <?php echo $style['lightbox_comment_font_style']; ?>;
872	height: 100%;
873	left: 0;
874	overflow-x: hidden;
	@@ -891,24 +891,24 @@ class WDI_generate_styles {
891	}
892
893	<?php echo $lb_container; ?> .wdi_comments input[type="submit"] {
894	- background: none repeat scroll 0 0 <?php echo $style['lightbox_comment_button_bg_color']; ?>;
895	- border: <?php echo $style['lightbox_comment_button_border_width']; ?>px <?php echo $style['lightbox_comment_button_border_style']; ?> <?php echo $style['lightbox_comment_button_border_color']; ?>;
896	- border-radius: <?php echo $style['lightbox_comment_button_border_radius']; ?>px;
897	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
898	cursor: pointer;
899	- padding: <?php echo $style['lightbox_comment_button_padding']; ?>;
900	}
901
902
903	<?php echo $lb_container; ?> .wdi_comments input[type="text"],
904	<?php echo $lb_container; ?> .wdi_comments textarea {
905	- background: none repeat scroll 0 0 <?php echo $style['lightbox_comment_input_bg_color']; ?>;
906	- border: <?php echo $style['lightbox_comment_input_border_width']; ?>px <?php echo $style['lightbox_comment_input_border_style']; ?> <?php echo $style['lightbox_comment_input_border_color']; ?>;
907	/***/
908	- border-radius: <?php echo $style['lightbox_comment_input_border_radius']; ?>px;
909	/***/
910	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
911	- padding: <?php echo $style['lightbox_comment_input_padding']; ?>;
912	width: 100%;
913	}
914
	@@ -916,25 +916,25 @@ class WDI_generate_styles {
916	resize: vertical;
917	}
918	<?php echo $lb_container; ?> .wdi_comment_header_p {
919	- border-top: <?php echo $style['lightbox_comment_separator_width']; ?>px <?php echo $style['lightbox_comment_separator_style']; ?> <?php echo $style['lightbox_comment_separator_color']; ?>;
920	}
921
922	<?php echo $lb_container; ?> .wdi_comment_header {
923	margin-top: 2px;
924	display: inline-block;
925	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
926	- font-size: <?php echo $style['lightbox_comment_author_font_size']; ?>px;
927	}
928
929	<?php echo $lb_container; ?> .wdi_comment_date {
930	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
931	float: right;
932	- font-size: <?php echo $style['lightbox_comment_date_font_size']; ?>px;
933	}
934
935	<?php echo $lb_container; ?> .wdi_comment_body {
936	- color: <?php echo $style['lightbox_comment_font_color']; ?>;
937	- font-size: <?php echo $style['lightbox_comment_body_font_size']; ?>px;
938	}
939	.wdi_comment_delete_btn {
940	color: #FFFFFF;
	@@ -949,11 +949,11 @@ class WDI_generate_styles {
949	line-height: 0;
950	position: absolute;
951	font-size: 13px;
952	- text-align: <?php echo (($style['lightbox_comment_pos'] == 'left') ? 'right' : 'left'); ?>;
953	margin: 5px;
954	- <?php echo (($style['lightbox_comment_pos'] == 'left') ? 'right' : 'left'); ?> : 0;
955	top: 0;
956	- background-color: <?php echo $style['lightbox_comment_bg_color']; ?>;
957	z-index: 10202;
958	}
959
	@@ -1008,18 +1008,18 @@ class WDI_generate_styles {
1008	<?php echo $lb_container; ?> .wdi_pinterest,
1009	<?php echo $lb_container; ?> .wdi_tumblr,
1010	<?php echo $lb_container; ?> .wdi_linkedin {
1011	- color: <?php echo $style['lightbox_comment_share_button_color']; ?> !important;
1012	}
1013
1014	<?php echo $lb_container; ?> .wdi_thumb_active {
1015	opacity: 1;
1016	filter: Alpha(opacity=100);
1017	- border: <?php echo $style['lightbox_filmstrip_thumb_active_border_width']; ?>px solid <?php echo $style['lightbox_filmstrip_thumb_active_border_color']; ?>;
1018	}
1019
1020	<?php echo $lb_container; ?> .wdi_thumb_deactive {
1021	- opacity: <?php echo number_format($style['lightbox_filmstrip_thumb_deactive_transparent'] / 100, 2, ".", ""); ?>;
1022	- filter: Alpha(opacity=<?php echo $style['lightbox_filmstrip_thumb_deactive_transparent']; ?>);
1023	}
1024	<?php echo $lb_container; ?> .wdi_filmstrip_thumbnail_img {
1025	display: block;
	@@ -1029,8 +1029,8 @@ class WDI_generate_styles {
1029
1030	<?php echo $lb_container; ?> .wdi_filmstrip_left i,
1031	<?php echo $lb_container; ?> .wdi_filmstrip_right i {
1032	- color: <?php echo $style['lightbox_filmstrip_rl_btn_color']; ?>;
1033	- font-size: <?php echo $style['lightbox_filmstrip_rl_btn_size']; ?>px;
1034	}
1035
1036	.wdi_none_selectable {
	@@ -1091,24 +1091,24 @@ class WDI_generate_styles {
1091	}
1092
1093	<?php echo $lb_container; ?> .wdi_image_info_spun {
1094	- text-align: <?php echo $style['lightbox_info_align']; ?>;
1095	- vertical-align: <?php echo $style['lightbox_info_pos']; ?>;
1096	}
1097
1098	<?php echo $lb_container; ?> .wdi_image_title,
1099	<?php echo $lb_container; ?> .wdi_image_title * {
1100	- color: <?php echo $style['lightbox_title_color']; ?> !important;
1101	- font-family: <?php echo $style['lightbox_title_font_style']; ?>;
1102	- font-size: <?php echo $style['lightbox_title_font_size']; ?>px;
1103	- font-weight: <?php echo $style['lightbox_title_font_weight']; ?>;
1104	}
1105
1106	<?php echo $lb_container; ?> .wdi_image_description,
1107	<?php echo $lb_container; ?> .wdi_image_description * {
1108	- color: <?php echo $style['lightbox_description_color']; ?> !important;
1109	- font-family: <?php echo $style['lightbox_description_font_style']; ?>;
1110	- font-size: <?php echo $style['lightbox_description_font_size']; ?>px;
1111	- font-weight: <?php echo $style['lightbox_description_font_weight']; ?>;
1112	}
1113
1114	.wdi_title{
	@@ -1136,15 +1136,15 @@ class WDI_generate_styles {
1136
1137	<?php echo $lb_container ; ?> .wdi_share_btns{
1138	position: absolute;
1139	- <?php $shareBtn = $style['lightbox_ctrl_btn_height'] + $style['lightbox_ctrl_btn_margin_top'] + 8; ?>
1140	- <?php echo ($style['lightbox_ctrl_btn_pos'] == 'top') ? 'bottom' : 'top';?>: <?php echo -$shareBtn;?>px;
1141	- height: <?php echo $style['lightbox_ctrl_btn_height'] + $style['lightbox_ctrl_btn_margin_top'];?>px;
1142	- width: <?php echo $style['lightbox_ctrl_btn_height']*7.5;?>px;
1143	border-radius: 3px;
1144	right: -145px;
1145	margin: 0;
1146	z-index: 200000;
1147	- background-color: rgba(<?php echo $rgb_lightbox_ctrl_cont_bg_color['red']; ?>, <?php echo $rgb_lightbox_ctrl_cont_bg_color['green']; ?>, <?php echo $rgb_lightbox_ctrl_cont_bg_color['blue']; ?>, <?php echo number_format($style['lightbox_ctrl_cont_transparent'] / 100, 2, ".", ""); ?>);
1148	padding-top: 5px;
1149	}
1150
	@@ -1154,17 +1154,17 @@ class WDI_generate_styles {
1154	}
1155
1156	<?php echo $lb_container ; ?> .wdi_share_popup_btn{
1157	- color: <?php echo $style['lightbox_ctrl_btn_color']; ?>;
1158	padding: 3px;
1159	- opacity: <?php echo number_format($style['lightbox_ctrl_btn_transparent'] / 100, 2, ".", ""); ?>;
1160	- filter: Alpha(opacity=<?php echo $style['lightbox_ctrl_btn_transparent']; ?>);
1161	- font-size: <?php echo $style['lightbox_ctrl_btn_height'];?>px;
1162	}
1163
1164	<?php echo $lb_container ; ?> .wdi_share_caret{
1165	font-size: 15px;
1166	- color: <?php echo $style['lightbox_ctrl_cont_bg_color']; ?>;
1167	- opacity: <?php echo number_format($style['lightbox_ctrl_cont_transparent'] / 100, 2, ".", ""); ?>;
1168	position: absolute;
1169	top: -25px;
1170	left: 13px;
	@@ -1182,23 +1182,23 @@ class WDI_generate_styles {
1182
1183	<?php echo $lb_container;?> .wdi_comment_header a,
1184	<?php echo $lb_container;?> .wdi_comment_header a:visited{
1185	- color: <?php echo $style['lightbox_comment_author_font_color']; ?> !important;
1186	}
1187
1188	<?php echo $lb_container;?> .wdi_comm_text_link,
1189	<?php echo $lb_container;?> a.wdi_comm_text_link:visited{
1190	- color: <?php echo $style['lightbox_comment_author_font_color']; ?>!important;
1191	}
1192	<?php echo $lb_container;?> .wdi_comment_header a:hover,
1193	<?php echo $lb_container;?> a.wdi_comm_text_link:hover{
1194	text-decoration: none;
1195	- color: <?php echo $style['lightbox_comment_author_font_color_hover']; ?>!important;
1196	}
1197
1198	<?php echo $lb_container;?> .wdi_load_more_comments{
1199	display: inline-block;
1200	- color: <?php echo $style['lightbox_comment_load_more_color']; ?>;
1201	- background-color: <?php echo $style['lightbox_comment_bg_color']; ?>;
1202	-webkit-user-select: none; /* Chrome/Safari */
1203	-moz-user-select: none; /* Firefox */
1204	-ms-user-select: none; /* IE10+ */
	@@ -1211,7 +1211,7 @@ class WDI_generate_styles {
1211	}
1212
1213	<?php echo $lb_container;?> .wdi_load_more_comments:hover{
1214	- color: <?php echo $style['lightbox_comment_load_more_color_hover'];?>;
1215	cursor: pointer;
1216	}
1217
	@@ -1242,7 +1242,7 @@ class WDI_generate_styles {
1242	display: <?php echo ($filmstrip_direction == 'horizontal'? 'table' : 'block'); ?>;
1243	position: absolute;
1244	z-index: 10105;
1245	- <?php echo $style['lightbox_filmstrip_pos']; ?>: 0;
1246	}
1247
1248	.wdi_filmstrip {
	@@ -1260,16 +1260,16 @@ class WDI_generate_styles {
1260	<?php echo $lb_container; ?> .wdi_filmstrip_thumbnail {
1261	position: relative;
1262	background: none;
1263	- border: <?php echo $style['lightbox_filmstrip_thumb_border_width']; ?>px <?php echo $style['lightbox_filmstrip_thumb_border_style']; ?> <?php echo $style['lightbox_filmstrip_thumb_border_color']; ?>;
1264	- border-radius: <?php echo $style['lightbox_filmstrip_thumb_border_radius']; ?>px;
1265	cursor: pointer;
1266	float: left;
1267	- margin: <?php echo $style['lightbox_filmstrip_thumb_margin']; ?>;
1268	overflow: hidden;
1269	}
1270
1271	<?php echo $lb_container; ?> .wdi_filmstrip_left {
1272	- background-color: <?php echo $style['lightbox_filmstrip_rl_bg_color']; ?>;
1273	cursor: pointer;
1274	display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;
1275	vertical-align: middle;
	@@ -1279,7 +1279,7 @@ class WDI_generate_styles {
1279	}
1280
1281	<?php echo $lb_container; ?> .wdi_filmstrip_right {
1282	- background-color: <?php echo $style['lightbox_filmstrip_rl_bg_color']; ?>;
1283	cursor: pointer;
1284	<?php echo($filmstrip_direction == 'horizontal' ? 'right' : 'bottom') ?>: 0;
1285	display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;
	@@ -1290,10 +1290,10 @@ class WDI_generate_styles {
1290	}
1291
1292	<?php echo $lb_container; ?> .wdi_image_info{
1293	- background: rgba(<?php echo $rgb_wdi_image_info_bg_color['red']; ?>, <?php echo $rgb_wdi_image_info_bg_color['green']; ?>, <?php echo $rgb_wdi_image_info_bg_color['blue']; ?>, <?php echo number_format($style['lightbox_info_bg_transparent'] / 100, 2, ".", ""); ?>);
1294	- border: <?php echo $style['lightbox_info_border_width']; ?>px <?php echo $style['lightbox_info_border_style']; ?> <?php echo $style['lightbox_info_border_color']; ?>;
1295	- border-radius: <?php echo $style['lightbox_info_border_radius']; ?>px;
1296	- padding: <?php echo $style['lightbox_info_padding']; ?>;
1297	overflow: auto;
1298	}
1299


52	?>
53	<style>
54
55	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_feed_wrapper {
56	+ width: <?php echo esc_html($style['feed_wrapper_width']); ?>; /feed_wrapper_width,column number image size*/
57	+ background-color: <?php echo esc_html($style['feed_wrapper_bg_color']); ?>; /feed_wrapper_bg_color/
58	+ text-align: <?php echo esc_html($style['header_position']); ?>; /header_position/
59	}
60
61	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_feed_header {
62	+ margin: <?php echo esc_html($style['header_margin']); ?>; /header_margin/
63	+ padding: <?php echo esc_html($style['header_padding']); ?>; /header_padding/
64	+ border: <?php echo esc_html($style['header_border_size']); ?> solid <?php echo esc_html($style['header_border_color']); ?>; /header_border_size, header_border_color/
65	+ text-align: <?php echo esc_html($style['header_position']); ?>; /header_position/
66	}
67
68	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_header_text {
69	+ font-size: <?php echo esc_html($style['header_text_font_size']); ?>;
70	+ font-style: <?php echo esc_html($style['header_text_font_style']); ?>;
71	+ padding: <?php echo esc_html($style['header_text_padding']); ?>; /header_text_padding/
72	+ color: <?php echo esc_html($style['header_text_color']); ?>; /header_text_color/
73	+ font-weight: <?php echo esc_html($style['header_font_weight']); ?>; /header_font_weight/
74	+ line-height: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
75	}
76
77	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_single_user {
78	+ padding-top: <?php echo esc_html($style['user_padding']); ?>; /user_padding/
79	+ padding-bottom: <?php echo esc_html($style['user_padding']); ?>; /user_padding/
80	+ padding-left: <?php echo esc_html($style['user_padding']); ?>; /user_padding/
81	+ padding-right: <?php echo esc_html($style['user_padding']); ?>; /user_padding/
82	}
83
84	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_header_hashtag h3 {
85	margin-top: <?php echo (intval($style['user_img_width']) - intval($style['users_text_font_size']))/2?>px;
86	}
87
88	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_header_user_text h3 {
89	+ font-size: <?php echo esc_html($style['users_text_font_size']); ?>;
90	+ font-style: <?php echo esc_html($style['users_text_font_style']); ?>;
91	+ line-height: <?php echo esc_html($style['users_text_font_size']); ?>;
92	+ color: <?php echo esc_html($style['users_text_color']); ?>; /header_text_color/;
93	}
94
95	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_user_img_wrap img {
96	+ height: <?php echo esc_html($style['user_img_width']); ?>px;
97	+ width: <?php echo esc_html($style['user_img_width']); ?>px;
98	+ border-radius: <?php echo esc_html($style['user_border_radius']); ?>px;
99	}
100
101	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_media_info {
102	/display: inline-block;/
103	margin-left: <?php echo intval($style['user_img_width']) + 10;?>px;
104	+ line-height: <?php echo esc_html($style['users_text_font_size']); ?>;
105	+ color: <?php echo esc_html($style['users_text_color']); ?>; /header_text_color !mmm/ seperate/
106	}
107
108	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_bio {
109	+ color: <?php echo esc_html($style['users_text_color']); ?>; /header_text_color/
110	+ font-size: <?php echo esc_html($style['user_description_font_size']); ?>; /header_text_color/
111	}
112
113	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_follow_btn {
114	+ border-radius: <?php echo esc_html($style['follow_btn_border_radius']); ?>px;
115	+ font-size: <?php echo esc_html($style['follow_btn_font_size']); ?>px;
116	+ background-color: <?php echo esc_html($style['follow_btn_bg_color']); ?>;
117	+ border-color: <?php echo esc_html($style['follow_btn_border_color']); ?>;
118	+ color: <?php echo esc_html($style['follow_btn_text_color']); ?>;
119	+ margin-left: <?php echo esc_html($style['follow_btn_margin']); ?>px;
120	+ padding: 0 <?php echo esc_html($style['follow_btn_padding']); ?>px;
121	}
122
123	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_follow_btn:hover {
124	+ border-color: <?php echo esc_html($style['follow_btn_border_hover_color']); ?>;
125	+ color: <?php echo esc_html($style['follow_btn_text_hover_color']); ?>;
126	+ background-color: <?php echo esc_html($style['follow_btn_background_hover_color']); ?>;
127	}
128
129	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_filter_overlay {
130	+ width: <?php echo esc_html($style['user_img_width']); ?>px; /user_img_width/
131	+ height: <?php echo esc_html($style['user_img_width']); ?>px; /user_img_width/
132	+ border-radius: <?php echo esc_html($style['user_border_radius']); ?>px; /user_img_width/
133	+ background-color: <?php echo esc_html($style['th_overlay_hover_color']); ?>;
134	}
135
136	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_filter_icon span {
137	+ width: <?php echo esc_html($style['user_img_width']); ?>px; /header_img_width/
138	+ height: <?php echo esc_html($style['user_img_width']); ?>px; /header_img_width/
139	}
140
141	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_load_more_text {
142	+ color: <?php echo esc_html($style['load_more_text_color']); ?>; /load_more_text_color/
143	+ font-size: <?php echo esc_html($style['load_more_text_font_size']); ?>; /load_more_text_font_size/
144	}
145
146	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_load_more_text img {
147	+ height: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
148	+ width: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
149	}
150
151	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_load_more_wrap:hover {
152	+ background-color: <?php echo esc_html($style['load_more_wrap_hover_color']); ?>; /load_more_wrap_hover_color/
153	}
154
155	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_pagination {
156
157	+ text-align: <?php echo esc_html($style['pagination_position']); ?>; /load_more_position/
158	+ color: <?php echo esc_html($style['pagination_ctrl_color']); ?>; /pagination_ctrl_color/
159	+ font-size: <?php echo esc_html($style['pagination_size']); ?>; /pagination_size/
160	}
161
162	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_pagination_ctrl {
163	+ margin: <?php echo esc_html($style['pagination_ctrl_margin']); ?>;
164	}
165
166	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_pagination_ctrl:hover {
167	+ color: <?php echo esc_html($style['pagination_ctrl_hover_color']); ?>;
168	}
169
170	+ .wdi_feed_theme_<?php echo intval($theme_id); ?> .wdi_filter_active_col {
171	+ color: <?php echo esc_html($style['active_filter_bg_color']);?>;
172	+ border-color: <?php echo esc_html($style['active_filter_bg_color']);?>;
173	}
174
175	</style>

188	ob_start();
189	?>
190	<style>
191	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_feed_container {
192	+ width: <?php echo esc_html($style['feed_container_width']); ?>;
193	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
194	+ border-bottom: 5px solid <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/;
195	}
196
197	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_header_img_wrap {
198	+ height: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
199	+ width: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
200	+ border-radius: <?php echo esc_html($style['header_border_radius']); ?>px; /header_img_width/
201	}
202
203	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_wrap {
204	+ padding: <?php echo esc_html($style['th_photo_wrap_padding']); ?>; /photo_wrap_padding/
205	+ width: calc(100% - 2 *<?php echo esc_html($style['th_photo_wrap_padding']); ?>);
206	}
207
208	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_wrap_inner {
209	+ border: <?php echo esc_html($style['th_photo_wrap_border_size']); ?> solid <?php echo esc_html($style['th_photo_wrap_border_color']); ?>; /photo_wrap_border_size,photo_wrap_border_color/
210	+ background-color: <?php echo esc_html($style['th_photo_wrap_bg_color']); ?>; /photo_wrap_bg_color/
211	}
212
213	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_img {
214	+ border-radius: <?php echo esc_html($style['th_photo_img_border_radius']); ?>; /photo_img_border_radius/
215	}
216
217	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_meta {
218	+ background-color: <?php echo esc_html($style['th_photo_meta_bg_color']); ?>; /photo_meta_bg_color/
219	}
220
221	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_thumb_likes {
222	+ width: <?php echo (esc_html($style['th_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
223	+ float: <?php echo (esc_html($style['th_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
224	+ font-size: <?php echo esc_html($style['th_like_comm_font_size']); ?>; /photo_caption_font_size/;
225	+ color: <?php echo esc_html($style['th_like_text_color']); ?>; /like_text_color/
226
227	}
228
229	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_thumb_comments {
230	+ width: <?php echo (esc_html($style['th_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
231	+ float: <?php echo (esc_html($style['th_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
232	+ font-size: <?php echo esc_html($style['th_like_comm_font_size']); ?>; /photo_caption_font_size/;
233	+ color: <?php echo esc_html($style['th_comment_text_color']); ?>; /comment_text_color/
234
235	}
236
237	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_title {
238	+ font-size: <?php echo esc_html($style['th_photo_caption_font_size']); ?>; /photo_caption_font_size/
239	+ color: <?php echo esc_html($style['th_photo_caption_color']); ?>; /photo_caption_color/
240	}
241
242	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_title:hover {
243	+ color: <?php echo esc_html($style['th_photo_caption_hover_color']); ?>;
244	}
245
246	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_load_more_spinner {
247	+ color: <?php echo esc_html($style['load_more_text_color']); ?>; /load_more_text_color/
248	font-size: <?php echo intval($style['load_more_text_font_size'])1.3?>px; /load_more_text_font_size*/
249	}
250
251	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_load_more,
252	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_spinner {
253	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
254	+ text-align: <?php echo esc_html($style['load_more_position']); ?>; /load_more_position/
255	}
256
257	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_load_more_wrap,
258	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_spinner_wrap {
259	+ padding: <?php echo esc_html($style['load_more_padding']); ?>; /load_more_padding/
260	+ background-color: <?php echo esc_html($style['load_more_bg_color']); ?>; /load_more_bg_color/
261	+ border-radius: <?php echo esc_html($style['load_more_border_radius']); ?>; /load_more_border_radius/
262	+ height: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
263	+ width: <?php echo esc_html($style['load_more_width']); ?>; /load_more_width/
264	+ border: <?php echo esc_html($style['load_more_border_size']); ?> solid <?php echo esc_html($style['load_more_border_color']); ?>; /load_more_border_size, load_more_border_color/;
265	}
266
267	<?php
268	require_once(WDI_DIR . '/framework/WDILibrary.php');
269	+ $rgb_overlay = WDILibrary::wdi_spider_hex2rgb(esc_html($style['th_overlay_hover_color']));
270	$rgba_overlay = 'rgba('. $rgb_overlay['red'] .',' . $rgb_overlay['green'] . ',' . $rgb_overlay['blue'] . ','.((100 - intval($style['th_overlay_hover_transparent']))/100).')';
271	?>
272	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_overlay:hover {
273	background-color: <?php echo $rgba_overlay;?>
274	}
275
276	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_overlay i {
277	+ font-size: <?php echo esc_html($style['th_overlay_hover_icon_font_size']); ?>;
278	}
279
280	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_overlay:hover i {
281	+ color: <?php echo esc_html($style['th_overlay_hover_icon_color'])?>
282	}
283
284	<?php
285	+ switch(esc_html($style['th_photo_img_hover_effect'])){
286	case 'rotate': {
287	$effect = 'rotate(5deg)';
288	break;

301	}
302	}
303	?>
304	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_photo_img:hover img {
305	-webkit-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
306	-moz-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
307	-ms-transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;

309	transform: translateX(-50%) translateY(-50%) <?php echo $effect?>;
310	}
311
312	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_filter_active_bg {
313	+ background-color: <?php echo esc_html($style['active_filter_bg_color']); ?>;
314	}
315
316	+ .wdi_feed_<?php echo 'thumbnail_' . intval($theme_id); ?> .wdi_media_user {
317	+ color: <?php echo esc_html($style['th_thumb_user_color']); ?>;
318	+ background-color: <?php echo esc_html($style['th_thumb_user_bg_color']); ?>;
319	}
320
321	</style>

334	ob_start();
335	?>
336	<style>
337	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_feed_container {
338	+ width: <?php echo esc_html($style['feed_container_width']); ?>;
339	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
340	+ border-bottom: 5px solid <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/;
341	}
342
343	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_header_img_wrap,
344	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_users_img_wrap {
345	+ height: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
346	+ width: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
347	+ border-radius: <?php echo esc_html($style['header_border_radius']); ?>px; /header_img_width/
348	}
349
350	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_wrap {
351	+ padding: <?php echo esc_html($style['mas_photo_wrap_padding']); ?>; /photo_wrap_padding/
352	}
353
354	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_wrap_inner {
355	+ border: <?php echo esc_html($style['mas_photo_wrap_border_size']); ?> solid <?php echo esc_html($style['mas_photo_wrap_border_color']); ?>; /photo_wrap_border_size,photo_wrap_border_color/
356	+ background-color: <?php echo esc_html($style['mas_photo_wrap_bg_color']); ?>; /photo_wrap_bg_color/
357	}
358
359	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_img {
360	+ border-radius: <?php echo esc_html($style['mas_photo_img_border_radius']); ?>; /photo_img_border_radius/
361	}
362
363	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_meta {
364	+ background-color: <?php echo esc_html($style['mas_photo_meta_bg_color']); ?>; /photo_meta_bg_color/
365	}
366
367	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_thumb_likes {
368	+ width: <?php echo (esc_html($style['mas_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
369	+ float: <?php echo (esc_html($style['mas_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
370	+ font-size: <?php echo esc_html($style['mas_like_comm_font_size']); ?>; /photo_caption_font_size/;
371	+ color: <?php echo esc_html($style['mas_like_text_color']); ?>; /like_text_color/
372
373	}
374
375	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_thumb_comments {
376	+ width: <?php echo (esc_html($style['mas_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
377	+ float: <?php echo (esc_html($style['mas_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
378	+ font-size: <?php echo esc_html($style['mas_like_comm_font_size']); ?>; /photo_caption_font_size/;
379	+ color: <?php echo esc_html($style['mas_comment_text_color']); ?>; /comment_text_color/
380
381	}
382
383	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_title {
384	+ font-size: <?php echo esc_html($style['mas_photo_caption_font_size']); ?>; /photo_caption_font_size/
385	+ color: <?php echo esc_html($style['mas_photo_caption_color']); ?>; /photo_caption_color/
386	}
387
388	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_title:hover {
389	+ color: <?php echo esc_html($style['mas_photo_caption_hover_color']); ?>;
390	}
391
392	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_load_more_spinner {
393	+ color: <?php echo esc_html($style['load_more_text_color']); ?>; /load_more_text_color/
394	font-size: <?php echo intval($style['load_more_text_font_size'])1.5?>px; /load_more_text_font_size*/
395	}
396
397	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_load_more,
398	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_spinner {
399	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
400	+ text-align: <?php echo esc_html($style['load_more_position']); ?>; /load_more_position/
401	}
402
403	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_load_more_wrap,
404	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_spinner_wrap {
405	+ padding: <?php echo esc_html($style['load_more_padding']); ?>; /load_more_padding/
406	+ background-color: <?php echo esc_html($style['load_more_bg_color']); ?>; /load_more_bg_color/
407	+ border-radius: <?php echo esc_html($style['load_more_border_radius']); ?>; /load_more_border_radius/
408	+ height: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
409	+ width: <?php echo esc_html($style['load_more_width']); ?>; /load_more_width/
410	+ border: <?php echo esc_html($style['load_more_border_size']); ?> solid <?php echo esc_html($style['load_more_border_color']); ?>; /load_more_border_size, load_more_border_color/;
411	}
412
413	<?php
414	require_once(WDI_DIR . '/framework/WDILibrary.php');
415	+ $rgb_overlay = WDILibrary::wdi_spider_hex2rgb(esc_html($style['mas_overlay_hover_color']));
416	$rgba_overlay = 'rgba('. $rgb_overlay['red'] .',' . $rgb_overlay['green'] . ',' . $rgb_overlay['blue'] . ','.((100 - intval($style['mas_overlay_hover_transparent']))/100).')';
417	?>
418
419	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_overlay:hover {
420	background-color: <?php echo $rgba_overlay;?>
421	}
422
423	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_overlay i {
424	+ font-size: <?php echo esc_html($style['th_overlay_hover_icon_font_size']); ?>;
425	}
426
427	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_overlay:hover i {
428	+ color: <?php echo esc_html($style['th_overlay_hover_icon_color']);?>
429	}
430
431	<?php
432	+ switch(esc_html($style['mas_photo_img_hover_effect'])){
433	case 'rotate': {
434	$effect = 'rotate(5deg)';
435	break;

448	}
449	}
450	?>
451	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_photo_img:hover img {
452	transform: <?php echo $effect?>
453	}
454
455	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_filter_active_bg {
456	+ background-color: <?php echo esc_html($style['active_filter_bg_color']);?>;
457	}
458
459	+ .wdi_feed_<?php echo 'masonry_' . intval($theme_id); ?> .wdi_media_user {
460	+ color: <?php echo esc_html($style['mas_thumb_user_color']);?>;
461	+ background-color: <?php echo esc_html($style['mas_thumb_user_bg_color']);?>;
462	}
463
464	</style>

478	ob_start();
479	?>
480	<style>
481	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_feed_container {
482	+ width: <?php echo esc_html($style['feed_container_width']); ?>;
483	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
484	}
485
486	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_header_img_wrap,
487	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_users_img_wrap {
488	+ height: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
489	+ width: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
490	+ border-radius: <?php echo esc_html($style['header_border_radius']); ?>px; /header_img_width/
491	}
492
493	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_wrap {
494	+ padding: <?php echo esc_html($style['blog_style_photo_wrap_padding']); ?>; /photo_wrap_padding/
495	}
496
497	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_wrap_inner {
498	+ border: <?php echo esc_html($style['blog_style_photo_wrap_border_size']); ?> solid <?php echo esc_html($style['blog_style_photo_wrap_border_color']); ?>; /photo_wrap_border_size,photo_wrap_border_color/
499	+ background-color: <?php echo esc_html($style['blog_style_photo_wrap_bg_color']); ?>; /photo_wrap_bg_color/
500	}
501
502	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_img {
503	+ border-radius: <?php echo esc_html($style['blog_style_photo_img_border_radius']); ?>; /photo_img_border_radius/
504	}
505
506	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_meta {
507	+ background-color: <?php echo esc_html($style['blog_style_photo_meta_bg_color']); ?>; /photo_meta_bg_color/
508	}
509
510	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_thumb_likes {
511	+ width: <?php echo (esc_html($style['blog_style_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
512	+ float: <?php echo (esc_html($style['blog_style_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
513	+ font-size: <?php echo esc_html($style['blog_style_like_comm_font_size']); ?>; /photo_caption_font_size/;
514	+ color: <?php echo esc_html($style['blog_style_like_text_color']); ?>; /like_text_color/
515
516	}
517
518	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_thumb_comments {
519	+ width: <?php echo (esc_html($style['blog_style_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
520	+ float: <?php echo (esc_html($style['blog_style_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
521	+ font-size: <?php echo esc_html($style['blog_style_like_comm_font_size']); ?>; /photo_caption_font_size/;
522	+ color: <?php echo esc_html($style['blog_style_comment_text_color']); ?>; /comment_text_color/
523
524	}
525
526	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_title {
527	+ font-size: <?php echo esc_html($style['blog_style_photo_caption_font_size']); ?>; /photo_caption_font_size/
528	+ color: <?php echo esc_html($style['blog_style_photo_caption_color']); ?>; /photo_caption_color/
529	}
530
531	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_photo_title:hover {
532	+ color: <?php echo esc_html($style['blog_style_photo_caption_hover_color']); ?>;
533	}
534
535	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_load_more_spinner {
536	+ color: <?php echo esc_html($style['load_more_text_color']); ?>; /load_more_text_color/
537	font-size: <?php echo intval($style['load_more_text_font_size'])1.5?>px; /load_more_text_font_size*/
538	}
539
540	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_load_more,
541	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_spinner {
542	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
543	+ text-align: <?php echo esc_html($style['load_more_position']); ?>; /load_more_position/
544	}
545
546	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_load_more_wrap,
547	+ .wdi_feed_<?php echo 'blog_' . intval($theme_id); ?> .wdi_spinner_wrap {
548	+ padding: <?php echo esc_html($style['load_more_padding']); ?>; /load_more_padding/
549	+ background-color: <?php echo esc_html($style['load_more_bg_color']); ?>; /load_more_bg_color/
550	+ border-radius: <?php echo esc_html($style['load_more_border_radius']); ?>; /load_more_border_radius/
551	+ height: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
552	+ width: <?php echo esc_html($style['load_more_width']); ?>; /load_more_width/
553	+ border: <?php echo esc_html($style['load_more_border_size']); ?> solid <?php echo esc_html($style['load_more_border_color']); ?>; /load_more_border_size, load_more_border_color/;
554	}
555
556	</style>

569	ob_start();
570	?>
571	<style>
572	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_feed_container {
573	+ width: <?php echo esc_html($style['feed_container_width']); ?>;
574	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
575	+ border-bottom: 5px solid <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/;
576	}
577
578	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_header_img_wrap,
579	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_users_img_wrap {
580	+ height: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
581	+ width: <?php echo esc_html($style['header_img_width']); ?>px; /header_img_width/
582	+ border-radius: <?php echo esc_html($style['header_border_radius']); ?>px; /header_img_width/
583	}
584
585	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_wrap {
586	+ padding: <?php echo esc_html($style['image_browser_photo_wrap_padding']); ?>; /photo_wrap_padding/
587
588	}
589
590	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_wrap_inner {
591	+ border: <?php echo esc_html($style['image_browser_photo_wrap_border_size']); ?> solid <?php echo esc_html($style['image_browser_photo_wrap_border_color']); ?>; /photo_wrap_border_size,photo_wrap_border_color/
592	+ background-color: <?php echo esc_html($style['image_browser_photo_wrap_bg_color']); ?>; /photo_wrap_bg_color/
593	}
594
595	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_img {
596	+ border-radius: <?php echo esc_html($style['image_browser_photo_img_border_radius']); ?>; /photo_img_border_radius/
597	}
598
599	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_meta {
600	+ background-color: <?php echo esc_html($style['image_browser_photo_meta_bg_color']); ?>; /photo_meta_bg_color/
601	}
602
603	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_thumb_likes {
604	+ width: <?php echo (esc_html($style['image_browser_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
605	+ float: <?php echo (esc_html($style['image_browser_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
606	+ font-size: <?php echo esc_html($style['image_browser_like_comm_font_size']); ?>; /photo_caption_font_size/;
607	+ color: <?php echo esc_html($style['image_browser_like_text_color']); ?>; /like_text_color/
608
609	}
610
611	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_thumb_comments {
612	+ width: <?php echo (esc_html($style['image_browser_photo_meta_one_line'])=='1')? '50%' : '100%' ?>; /photo_meta_one_line==false else 100%/
613	+ float: <?php echo (esc_html($style['image_browser_photo_meta_one_line'])=='1')? 'left' : 'none'?>; /photo_meta_one_line==true else float none/
614	+ font-size: <?php echo esc_html($style['image_browser_like_comm_font_size']); ?>; /photo_caption_font_size/;
615	+ color: <?php echo esc_html($style['image_browser_comment_text_color']); ?>; /comment_text_color/
616
617	}
618
619	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_title {
620	+ font-size: <?php echo esc_html($style['image_browser_photo_caption_font_size']); ?>; /photo_caption_font_size/
621	+ color: <?php echo esc_html($style['image_browser_photo_caption_color']); ?>; /photo_caption_color/
622	}
623
624	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_photo_title:hover {
625	+ color: <?php echo esc_html($style['image_browser_photo_caption_hover_color']); ?>;
626	}
627
628	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_load_more {
629	+ background-color: <?php echo esc_html($style['feed_container_bg_color']); ?>; /feed_container_bg_color/
630	+ text-align: <?php echo esc_html($style['load_more_position']); ?>; /load_more_position/
631	}
632
633	+ .wdi_feed_<?php echo 'browser_' . intval($theme_id); ?> .wdi_load_more_wrap {
634	+ padding: <?php echo esc_html($style['load_more_padding']); ?>; /load_more_padding/
635	+ background-color: <?php echo esc_html($style['load_more_bg_color']); ?>; /load_more_bg_color/
636	+ border-radius: <?php echo esc_html($style['load_more_border_radius']); ?>; /load_more_border_radius/
637	+ height: <?php echo esc_html($style['load_more_height']); ?>; /load_more_height/
638	+ width: <?php echo esc_html($style['load_more_width']); ?>; /load_more_width/
639	+ border: <?php echo esc_html($style['load_more_border_size']); ?> solid <?php echo esc_html($style['load_more_border_color']); ?>; /load_more_border_size, load_more_border_color/;
640	}
641
642	</style>

652	public function lightbox_styles(){
653	$style = $this->theme_options;
654	$theme_id = $this->theme_id;
655	+ $rgb_lightbox_ctrl_cont_bg_color = WDILibrary::wdi_spider_hex2rgb(esc_html($style['lightbox_ctrl_cont_bg_color']));
656	+ $rgb_wdi_image_info_bg_color = WDILibrary::wdi_spider_hex2rgb(esc_html($style['lightbox_info_bg_color']));
657
658	$filmstrip_direction = 'horizontal';
659	+ if (esc_html($style['lightbox_filmstrip_pos']) == 'right' \|\| esc_html($style['lightbox_filmstrip_pos']) == 'left') {
660	$filmstrip_direction = 'vertical';
661	}
662
663	+ $lb_container = '.wdi_lightbox_theme_' . intval($theme_id);
664	+ $feed_conatiner = '.wdi_feed_theme_' . intval($theme_id);
665	ob_start();
666	?>
667	<style>

673	}
674
675	<?php echo $feed_conatiner; ?> .wdi_spider_popup_overlay {
676	+ background-color: <?php echo esc_html($style['lightbox_overlay_bg_color']); ?>;
677	+ opacity: <?php echo intval(esc_html($style['lightbox_overlay_bg_transparent'])/100); ?>;
678	}
679
680	<?php echo $lb_container; ?>.wdi_spider_popup_wrap {
681	+ background-color: <?php echo esc_html($style['lightbox_bg_color']); ?>;
682	display: inline-block;
683	left: 50%;
684	outline: medium none;

689	}
690
691	<?php echo $lb_container; ?> .wdi_ctrl_btn {
692	+ color: <?php echo esc_html($style['lightbox_ctrl_btn_color']); ?>;
693	+ font-size: <?php echo esc_html($style['lightbox_ctrl_btn_height']); ?>px;
694	+ margin: <?php echo esc_html($style['lightbox_ctrl_btn_margin_top']); ?>px <?php echo esc_html($style['lightbox_ctrl_btn_margin_left']); ?>px;
695	+ opacity: <?php echo number_format(esc_html($style['lightbox_ctrl_btn_transparent']) / 100, 2, ".", ""); ?>;
696	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_ctrl_btn_transparent']); ?>);
697	}
698
699	<?php echo $lb_container; ?> .wdi_toggle_btn {
700	+ color: <?php echo esc_html($style['lightbox_ctrl_btn_color']); ?>;
701	+ font-size: <?php echo esc_html($style['lightbox_toggle_btn_height']); ?>px;
702	margin: 0;
703	+ opacity: <?php echo number_format(esc_html($style['lightbox_ctrl_btn_transparent']) / 100, 2, ".", ""); ?>;
704	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_ctrl_btn_transparent']); ?>);
705	padding: 0;
706	}
707

715	}
716
717	<?php echo $lb_container; ?> .wdi_ctrl_btn_container {
718	+ background-color: rgba(<?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['red']); ?>, <?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['green']); ?>, <?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['blue']); ?>, <?php echo number_format(esc_html($style['lightbox_ctrl_cont_transparent']) / 100, 2, ".", ""); ?>);
719	/*background: none repeat scroll 0 0 #
720	+ <?php echo esc_html($style['lightbox_ctrl_cont_bg_color']); ?> ;*/
721	<?php
722	+ if (esc_html($style['lightbox_ctrl_btn_pos']) == 'top') { ?> border-bottom-left-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
723	+ border-bottom-right-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
724	<?php } else { ?> bottom: 0;
725	+ border-top-left-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
726	+ border-top-right-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
727	+ <?php } ?> height: <?php echo esc_html($style['lightbox_ctrl_btn_height']) + 2 * esc_html($style['lightbox_ctrl_btn_margin_top']); ?>px;
728	/*opacity:
729	+ <?php echo number_format(esc_html($style['lightbox_ctrl_cont_transparent']) / 100, 2, ".", ""); ?> ;
730	filter: Alpha(opacity=
731	+ <?php echo esc_html($style['lightbox_ctrl_cont_transparent']); ?> );*/
732	position: absolute;
733	+ text-align: <?php echo esc_html($style['lightbox_ctrl_btn_align']); ?>;
734	width: 100%;
735	z-index: 10150;
736	padding: 8px;
737	}
738
739	<?php echo $lb_container; ?> .wdi_toggle_container {
740	+ background: none repeat scroll 0 0 <?php echo esc_html($style['lightbox_ctrl_cont_bg_color']); ?>;
741	+ <?php if (esc_html($style['lightbox_ctrl_btn_pos']) == 'top') { ?>
742	+ border-bottom-left-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
743	+ border-bottom-right-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
744	+ border-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
745	+ top: <?php echo esc_html($style['lightbox_ctrl_btn_height']) + 2 * esc_html($style['lightbox_ctrl_btn_margin_top']); ?>px;
746	<?php } else { ?>
747	+ border-top-left-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
748	+ border-top-right-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
749	+ border-radius: <?php echo esc_html($style['lightbox_ctrl_cont_border_radius']); ?>px;
750	+ bottom: <?php echo esc_html($style['lightbox_ctrl_btn_height']) + 2 * esc_html($style['lightbox_ctrl_btn_margin_top']); ?>px;
751	<?php }?>
752	cursor: pointer;
753	left: 50%;
754	line-height: 0;
755	+ margin-left: -<?php echo esc_html($style['lightbox_toggle_btn_width']) / 2; ?>px;
756	+ opacity: <?php echo number_format(esc_html($style['lightbox_ctrl_cont_transparent']) / 100, 2, ".", ""); ?>;
757	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_ctrl_cont_transparent']); ?>);
758	position: absolute;
759	text-align: center;
760	+ width: <?php echo esc_html($style['lightbox_toggle_btn_width']); ?>px;
761	z-index: 10149;
762	}
763
764	<?php echo $lb_container; ?> .wdi_close_btn {
765	+ opacity: <?php echo number_format(esc_html($style['lightbox_close_btn_transparent']) / 100, 2, ".", ""); ?>;
766	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_close_btn_transparent']); ?>);
767	}
768
769	<?php echo $lb_container; ?> .wdi_spider_popup_close {
770	+ background-color: <?php echo esc_html($style['lightbox_close_btn_bg_color']); ?>;
771	+ border-radius: <?php echo esc_html($style['lightbox_close_btn_border_radius']); ?>px;
772	+ border: <?php echo esc_html($style['lightbox_close_btn_border_width']); ?>px <?php echo esc_html($style['lightbox_close_btn_border_style']); ?> <?php echo esc_html($style['lightbox_close_btn_border_color']); ?>;
773	+ box-shadow: <?php echo esc_html($style['lightbox_close_btn_box_shadow']); ?>;
774	+ color: <?php echo esc_html($style['lightbox_close_btn_color']); ?>;
775	+ height: <?php echo esc_html($style['lightbox_close_btn_height']); ?>px;
776	+ font-size: <?php echo esc_html($style['lightbox_close_btn_size']); ?>px;
777	+ right: <?php echo esc_html($style['lightbox_close_btn_right']); ?>px;
778	+ top: <?php echo esc_html($style['lightbox_close_btn_top']); ?>px;
779	+ width: <?php echo esc_html($style['lightbox_close_btn_width']); ?>px;
780	}
781
782	<?php echo $lb_container; ?> .wdi_spider_popup_close_fullscreen {
783	+ color: <?php echo esc_html($style['lightbox_close_btn_full_color']); ?>;
784	+ font-size: <?php echo esc_html($style['lightbox_close_btn_size']); ?>px;
785	right: 15px;
786	}
787

795
796	<?php echo $lb_container; ?> #wdi_spider_popup_left-ico,
797	<?php echo $lb_container; ?> #wdi_spider_popup_right-ico {
798	+ background-color: <?php echo esc_html($style['lightbox_rl_btn_bg_color']); ?>;
799	/***/
800	+ border-radius: <?php echo esc_html($style['lightbox_rl_btn_border_radius']); ?>px;
801	/***/
802	+ border: <?php echo esc_html($style['lightbox_rl_btn_border_width']); ?>px <?php echo esc_html($style['lightbox_rl_btn_border_style']); ?> <?php echo esc_html($style['lightbox_rl_btn_border_color']); ?>;
803	+ box-shadow: <?php echo esc_html($style['lightbox_rl_btn_box_shadow']); ?>;
804	+ color: <?php echo esc_html($style['lightbox_rl_btn_color']); ?>;
805	+ height: <?php echo esc_html($style['lightbox_rl_btn_height']); ?>px;
806	+ font-size: <?php echo esc_html($style['lightbox_rl_btn_size']); ?>px;
807	+ width: <?php echo esc_html($style['lightbox_rl_btn_width']); ?>px;
808	+ opacity: <?php echo number_format(esc_html($style['lightbox_rl_btn_transparent']) / 100, 2, ".", ""); ?>;
809	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_rl_btn_transparent']); ?>);
810	}
811
812	<?php echo $lb_container; ?> .wdi_ctrl_btn:hover,
813	<?php echo $lb_container; ?> .wdi_toggle_btn:hover,
814	<?php echo $lb_container; ?> #wdi_spider_popup_left-ico:hover,
815	<?php echo $lb_container; ?> #wdi_spider_popup_right-ico:hover {
816	+ color: <?php echo esc_html($style['lightbox_close_rl_btn_hover_color']); ?>;
817	cursor: pointer;
818	}
819
820	<?php echo $lb_container; ?> .wdi_spider_popup_close:hover,
821	<?php echo $lb_container; ?> .wdi_spider_popup_close_fullscreen:hover{
822	+ color: <?php echo esc_html($style['lightbox_close_btn_hover_color']);?>;
823	cursor: pointer;
824	}
825

852
853	<?php echo $lb_container; ?> .wdi_comment_container {
854	-moz-box-sizing: border-box;
855	+ background-color: <?php echo esc_html($style['lightbox_comment_bg_color']); ?>;
856	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
857	+ font-size: <?php echo esc_html($style['lightbox_comment_font_size']); ?>px;
858	+ font-family: <?php echo esc_html($style['lightbox_comment_font_style']); ?>;
859	height: 100%;
860	overflow: hidden;
861	position: absolute;
862	+ <?php echo esc_html($style['lightbox_comment_pos']); ?>: -<?php echo esc_html($style['lightbox_comment_width']); ?>px;
863	top: 0;
864	+ width: <?php echo esc_html($style['lightbox_comment_width']); ?>px;
865	z-index: 10103;
866	}
867
868	<?php echo $lb_container; ?> .wdi_comments {
869	bottom: 0;
870	+ font-size: <?php echo esc_html($style['lightbox_comment_font_size']); ?>px;
871	+ font-family: <?php echo esc_html($style['lightbox_comment_font_style']); ?>;
872	height: 100%;
873	left: 0;
874	overflow-x: hidden;

891	}
892
893	<?php echo $lb_container; ?> .wdi_comments input[type="submit"] {
894	+ background: none repeat scroll 0 0 <?php echo esc_html($style['lightbox_comment_button_bg_color']); ?>;
895	+ border: <?php echo esc_html($style['lightbox_comment_button_border_width']); ?>px <?php echo esc_html($style['lightbox_comment_button_border_style']); ?> <?php echo esc_html($style['lightbox_comment_button_border_color']); ?>;
896	+ border-radius: <?php echo esc_html($style['lightbox_comment_button_border_radius']); ?>px;
897	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
898	cursor: pointer;
899	+ padding: <?php echo esc_html($style['lightbox_comment_button_padding']); ?>;
900	}
901
902
903	<?php echo $lb_container; ?> .wdi_comments input[type="text"],
904	<?php echo $lb_container; ?> .wdi_comments textarea {
905	+ background: none repeat scroll 0 0 <?php echo esc_html($style['lightbox_comment_input_bg_color']); ?>;
906	+ border: <?php echo esc_html($style['lightbox_comment_input_border_width']); ?>px <?php echo esc_html($style['lightbox_comment_input_border_style']); ?> <?php echo esc_html($style['lightbox_comment_input_border_color']); ?>;
907	/***/
908	+ border-radius: <?php echo esc_html($style['lightbox_comment_input_border_radius']); ?>px;
909	/***/
910	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
911	+ padding: <?php echo esc_html($style['lightbox_comment_input_padding']); ?>;
912	width: 100%;
913	}
914

916	resize: vertical;
917	}
918	<?php echo $lb_container; ?> .wdi_comment_header_p {
919	+ border-top: <?php echo esc_html($style['lightbox_comment_separator_width']); ?>px <?php echo esc_html($style['lightbox_comment_separator_style']); ?> <?php echo esc_html($style['lightbox_comment_separator_color']); ?>;
920	}
921
922	<?php echo $lb_container; ?> .wdi_comment_header {
923	margin-top: 2px;
924	display: inline-block;
925	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
926	+ font-size: <?php echo esc_html($style['lightbox_comment_author_font_size']); ?>px;
927	}
928
929	<?php echo $lb_container; ?> .wdi_comment_date {
930	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
931	float: right;
932	+ font-size: <?php echo esc_html($style['lightbox_comment_date_font_size']); ?>px;
933	}
934
935	<?php echo $lb_container; ?> .wdi_comment_body {
936	+ color: <?php echo esc_html($style['lightbox_comment_font_color']); ?>;
937	+ font-size: <?php echo esc_html($style['lightbox_comment_body_font_size']); ?>px;
938	}
939	.wdi_comment_delete_btn {
940	color: #FFFFFF;

949	line-height: 0;
950	position: absolute;
951	font-size: 13px;
952	+ text-align: <?php echo ((esc_html($style['lightbox_comment_pos']) == 'left') ? 'right' : 'left'); ?>;
953	margin: 5px;
954	+ <?php echo ((esc_html($style['lightbox_comment_pos']) == 'left') ? 'right' : 'left'); ?> : 0;
955	top: 0;
956	+ background-color: <?php echo esc_html($style['lightbox_comment_bg_color']); ?>;
957	z-index: 10202;
958	}
959

1008	<?php echo $lb_container; ?> .wdi_pinterest,
1009	<?php echo $lb_container; ?> .wdi_tumblr,
1010	<?php echo $lb_container; ?> .wdi_linkedin {
1011	+ color: <?php echo esc_html($style['lightbox_comment_share_button_color']); ?> !important;
1012	}
1013
1014	<?php echo $lb_container; ?> .wdi_thumb_active {
1015	opacity: 1;
1016	filter: Alpha(opacity=100);
1017	+ border: <?php echo esc_html($style['lightbox_filmstrip_thumb_active_border_width']); ?>px solid <?php echo esc_html($style['lightbox_filmstrip_thumb_active_border_color']); ?>;
1018	}
1019
1020	<?php echo $lb_container; ?> .wdi_thumb_deactive {
1021	+ opacity: <?php echo number_format(esc_html($style['lightbox_filmstrip_thumb_deactive_transparent']) / 100, 2, ".", ""); ?>;
1022	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_filmstrip_thumb_deactive_transparent']); ?>);
1023	}
1024	<?php echo $lb_container; ?> .wdi_filmstrip_thumbnail_img {
1025	display: block;

1029
1030	<?php echo $lb_container; ?> .wdi_filmstrip_left i,
1031	<?php echo $lb_container; ?> .wdi_filmstrip_right i {
1032	+ color: <?php echo esc_html($style['lightbox_filmstrip_rl_btn_color']); ?>;
1033	+ font-size: <?php echo esc_html($style['lightbox_filmstrip_rl_btn_size']); ?>px;
1034	}
1035
1036	.wdi_none_selectable {

1091	}
1092
1093	<?php echo $lb_container; ?> .wdi_image_info_spun {
1094	+ text-align: <?php echo esc_html($style['lightbox_info_align']); ?>;
1095	+ vertical-align: <?php echo esc_html($style['lightbox_info_pos']); ?>;
1096	}
1097
1098	<?php echo $lb_container; ?> .wdi_image_title,
1099	<?php echo $lb_container; ?> .wdi_image_title * {
1100	+ color: <?php echo esc_html($style['lightbox_title_color']); ?> !important;
1101	+ font-family: <?php echo esc_html($style['lightbox_title_font_style']); ?>;
1102	+ font-size: <?php echo esc_html($style['lightbox_title_font_size']); ?>px;
1103	+ font-weight: <?php echo esc_html($style['lightbox_title_font_weight']); ?>;
1104	}
1105
1106	<?php echo $lb_container; ?> .wdi_image_description,
1107	<?php echo $lb_container; ?> .wdi_image_description * {
1108	+ color: <?php echo esc_html($style['lightbox_description_color']); ?> !important;
1109	+ font-family: <?php echo esc_html($style['lightbox_description_font_style']); ?>;
1110	+ font-size: <?php echo esc_html($style['lightbox_description_font_size']); ?>px;
1111	+ font-weight: <?php echo esc_html($style['lightbox_description_font_weight']); ?>;
1112	}
1113
1114	.wdi_title{

1136
1137	<?php echo $lb_container ; ?> .wdi_share_btns{
1138	position: absolute;
1139	+ <?php $shareBtn = esc_html($style['lightbox_ctrl_btn_height']) + esc_html($style['lightbox_ctrl_btn_margin_top']) + 8; ?>
1140	+ <?php echo (esc_html($style['lightbox_ctrl_btn_pos']) == 'top') ? 'bottom' : 'top';?>: <?php echo -$shareBtn;?>px;
1141	+ height: <?php echo esc_html($style['lightbox_ctrl_btn_height']) + esc_html($style['lightbox_ctrl_btn_margin_top']);?>px;
1142	+ width: <?php echo esc_html($style['lightbox_ctrl_btn_height'])*7.5;?>px;
1143	border-radius: 3px;
1144	right: -145px;
1145	margin: 0;
1146	z-index: 200000;
1147	+ background-color: rgba(<?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['red']); ?>, <?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['green']); ?>, <?php echo esc_html($rgb_lightbox_ctrl_cont_bg_color['blue']); ?>, <?php echo number_format(esc_html($style['lightbox_ctrl_cont_transparent']) / 100, 2, ".", ""); ?>);
1148	padding-top: 5px;
1149	}
1150

1154	}
1155
1156	<?php echo $lb_container ; ?> .wdi_share_popup_btn{
1157	+ color: <?php echo esc_html($style['lightbox_ctrl_btn_color']); ?>;
1158	padding: 3px;
1159	+ opacity: <?php echo number_format(esc_html($style['lightbox_ctrl_btn_transparent']) / 100, 2, ".", ""); ?>;
1160	+ filter: Alpha(opacity=<?php echo esc_html($style['lightbox_ctrl_btn_transparent']); ?>);
1161	+ font-size: <?php echo esc_html($style['lightbox_ctrl_btn_height']);?>px;
1162	}
1163
1164	<?php echo $lb_container ; ?> .wdi_share_caret{
1165	font-size: 15px;
1166	+ color: <?php echo esc_html($style['lightbox_ctrl_cont_bg_color']); ?>;
1167	+ opacity: <?php echo number_format(esc_html($style['lightbox_ctrl_cont_transparent']) / 100, 2, ".", ""); ?>;
1168	position: absolute;
1169	top: -25px;
1170	left: 13px;

1182
1183	<?php echo $lb_container;?> .wdi_comment_header a,
1184	<?php echo $lb_container;?> .wdi_comment_header a:visited{
1185	+ color: <?php echo esc_html($style['lightbox_comment_author_font_color']); ?> !important;
1186	}
1187
1188	<?php echo $lb_container;?> .wdi_comm_text_link,
1189	<?php echo $lb_container;?> a.wdi_comm_text_link:visited{
1190	+ color: <?php echo esc_html($style['lightbox_comment_author_font_color']); ?>!important;
1191	}
1192	<?php echo $lb_container;?> .wdi_comment_header a:hover,
1193	<?php echo $lb_container;?> a.wdi_comm_text_link:hover{
1194	text-decoration: none;
1195	+ color: <?php echo esc_html($style['lightbox_comment_author_font_color_hover']); ?>!important;
1196	}
1197
1198	<?php echo $lb_container;?> .wdi_load_more_comments{
1199	display: inline-block;
1200	+ color: <?php echo esc_html($style['lightbox_comment_load_more_color']); ?>;
1201	+ background-color: <?php echo esc_html($style['lightbox_comment_bg_color']); ?>;
1202	-webkit-user-select: none; /* Chrome/Safari */
1203	-moz-user-select: none; /* Firefox */
1204	-ms-user-select: none; /* IE10+ */

1211	}
1212
1213	<?php echo $lb_container;?> .wdi_load_more_comments:hover{
1214	+ color: <?php echo esc_html($style['lightbox_comment_load_more_color_hover']);?>;
1215	cursor: pointer;
1216	}
1217

1242	display: <?php echo ($filmstrip_direction == 'horizontal'? 'table' : 'block'); ?>;
1243	position: absolute;
1244	z-index: 10105;
1245	+ <?php echo esc_html($style['lightbox_filmstrip_pos']); ?>: 0;
1246	}
1247
1248	.wdi_filmstrip {

1260	<?php echo $lb_container; ?> .wdi_filmstrip_thumbnail {
1261	position: relative;
1262	background: none;
1263	+ border: <?php echo esc_html($style['lightbox_filmstrip_thumb_border_width']); ?>px <?php echo esc_html($style['lightbox_filmstrip_thumb_border_style']); ?> <?php echo esc_html($style['lightbox_filmstrip_thumb_border_color']); ?>;
1264	+ border-radius: <?php echo esc_html($style['lightbox_filmstrip_thumb_border_radius']); ?>px;
1265	cursor: pointer;
1266	float: left;
1267	+ margin: <?php echo esc_html($style['lightbox_filmstrip_thumb_margin']); ?>;
1268	overflow: hidden;
1269	}
1270
1271	<?php echo $lb_container; ?> .wdi_filmstrip_left {
1272	+ background-color: <?php echo esc_html($style['lightbox_filmstrip_rl_bg_color']); ?>;
1273	cursor: pointer;
1274	display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;
1275	vertical-align: middle;

1279	}
1280
1281	<?php echo $lb_container; ?> .wdi_filmstrip_right {
1282	+ background-color: <?php echo esc_html($style['lightbox_filmstrip_rl_bg_color']); ?>;
1283	cursor: pointer;
1284	<?php echo($filmstrip_direction == 'horizontal' ? 'right' : 'bottom') ?>: 0;
1285	display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;

1290	}
1291
1292	<?php echo $lb_container; ?> .wdi_image_info{
1293	+ background: rgba(<?php echo esc_html($rgb_wdi_image_info_bg_color['red']); ?>, <?php echo esc_html($rgb_wdi_image_info_bg_color['green']); ?>, <?php echo esc_html($rgb_wdi_image_info_bg_color['blue']); ?>, <?php echo number_format(esc_html($style['lightbox_info_bg_transparent']) / 100, 2, ".", ""); ?>);
1294	+ border: <?php echo esc_html($style['lightbox_info_border_width']); ?>px <?php echo esc_html($style['lightbox_info_border_style']); ?> <?php echo esc_html($style['lightbox_info_border_color']); ?>;
1295	+ border-radius: <?php echo esc_html($style['lightbox_info_border_radius']); ?>px;
1296	+ padding: <?php echo esc_html($style['lightbox_info_padding']); ?>;
1297	overflow: auto;
1298	}
1299

frontend/shortcode.php CHANGED Viewed

	@@ -203,13 +203,11 @@ function wdi_feed($atts, $widget_params = '') {
203	// model and $feed_row - available here
204
205	if ( isset($wdi_options['wdi_custom_css']) ) {
206	- ?>
207	- <style><?php echo $wdi_options['wdi_custom_css'];?></style>
208	- <?php
209	}
210	if ( isset($wdi_options['wdi_custom_js']) ) {
211	?>
212	- <script><?php echo ~~htmlspecialchars_decode~~(~~stripcslashes~~($wdi_options['wdi_custom_js']))~~;?></~~script>
213	<?php
214	}
215
	@@ -329,7 +327,7 @@ function wdi_load_frontend_scripts_ajax($additional_scripts = array(), $addition
329	}
330
331	if(!empty($wp_scripts->registered[$handle]->extra['data'])) {
332	- echo '<script>' . $wp_scripts->registered[$handle]->extra['data'] . '</script>';
333	}
334
335	if(strpos($wp_scripts->registered[$handle]->src, '/wp-includes/js/') === 0) {
	@@ -394,8 +392,8 @@ function wdi_feed_frontend_messages() {
394	$private_feed_error_3 = '(<span class="wdi_private_feed_names"></span>). ';
395	}
396	$ajax_error_message = (defined('DOING_AJAX') && DOING_AJAX) ? __("Warning: Instagram Feed is loaded using AJAX request. It might not display properly.", "wd-instagram-feed") : '';
397	- echo '<div ' . $error_style . ' class="wdi_js_error">' . $js_error_message . '<br/>' . $ajax_error_message . '</div>';
398	- echo '<div ' . $error_style . ' class="wdi_token_error wdi_hidden">' . $token_error_message . '</div>';
399	- echo '<div ' . $error_style . ' class="wdi_private_feed_error wdi_hidden"><span>' . $private_feed_error_1 . $private_feed_error_3 . $private_feed_error_2 . '</span></div>';
400	echo '<div class="wdi_check_fontawesome wdi_hidden"><i class="tenweb-i tenweb-i-instagram""></i></div>';
401	}


203	// model and $feed_row - available here
204
205	if ( isset($wdi_options['wdi_custom_css']) ) {
206	+ wp_add_inline_style('generate_feed_styles', $wdi_options['wdi_custom_css']);


207	}
208	if ( isset($wdi_options['wdi_custom_js']) ) {
209	?>
210	+ <script><?php echo str_replace('"', '"', esc_js($wdi_options['wdi_custom_js'])); ?></script>
211	<?php
212	}
213

327	}
328
329	if(!empty($wp_scripts->registered[$handle]->extra['data'])) {
330	+ echo '<script>' . str_replace('"', '"', esc_js($wp_scripts->registered[$handle]->extra['data'])) . '</script>';
331	}
332
333	if(strpos($wp_scripts->registered[$handle]->src, '/wp-includes/js/') === 0) {

392	$private_feed_error_3 = '(<span class="wdi_private_feed_names"></span>). ';
393	}
394	$ajax_error_message = (defined('DOING_AJAX') && DOING_AJAX) ? __("Warning: Instagram Feed is loaded using AJAX request. It might not display properly.", "wd-instagram-feed") : '';
395	+ echo '<div ' . str_replace('"', '"', esc_html($error_style)) . ' class="wdi_js_error">' . strip_tags($js_error_message . '<br/>' . $ajax_error_message, "<br><a><span>") . '</div>';
396	+ echo '<div ' . str_replace('"', '"', esc_html($error_style)) . ' class="wdi_token_error wdi_hidden">' . strip_tags($token_error_message, "<br><a><span>") . '</div>';
397	+ echo '<div ' . str_replace('"', '"', esc_html($error_style)) . ' class="wdi_private_feed_error wdi_hidden"><span>' . strip_tags($private_feed_error_1 . $private_feed_error_3 . $private_feed_error_2, "<br><a><span>") . '</span></div>';
398	echo '<div class="wdi_check_fontawesome wdi_hidden"><i class="tenweb-i tenweb-i-instagram""></i></div>';
399	}

frontend/views/WDIViewGalleryBox.php CHANGED Viewed

	@@ -60,7 +60,8 @@ class WDIViewGalleryBox {
60	$current_image_index = WDILibrary::get('current_image_index', 0, 'intval', 'POST');
61	$theme_id = (isset($current_feed['theme_id']) ? esc_html($current_feed['theme_id']) : 1);
62
63	- $carousel_media_row = isset($_POST["carousel_media_row"]) ? $_POST["carousel_media_row"] : '';

64	$carousel_media = json_decode(stripslashes($carousel_media_row), true);
65	$carousel_media = WDILibrary::get('', $carousel_media, 'sanitize_text_field', '');
66	$carousel_media = is_array($carousel_media) ? $carousel_media : array();
	@@ -130,8 +131,8 @@ class WDIViewGalleryBox {
130	$image_filmstrip_width = 0;
131	}
132
133	- $json = isset($_POST['image_rows']) ? $_POST['image_rows'] : '';
134	- str_replace('"~~',"~~"", $json);
135
136	$image_rows = json_decode(stripslashes($json));
137	$image_rows_count = WDILibrary::get('image_rows_count', 0, 'intval', 'POST');//parseint


60	$current_image_index = WDILibrary::get('current_image_index', 0, 'intval', 'POST');
61	$theme_id = (isset($current_feed['theme_id']) ? esc_html($current_feed['theme_id']) : 1);
62
63	+ $carousel_media_row = isset($_POST["carousel_media_row"]) ? esc_html($_POST["carousel_media_row"]) : '';
64	+ $carousel_media_row = str_replace(""", '"', $carousel_media_row);
65	$carousel_media = json_decode(stripslashes($carousel_media_row), true);
66	$carousel_media = WDILibrary::get('', $carousel_media, 'sanitize_text_field', '');
67	$carousel_media = is_array($carousel_media) ? $carousel_media : array();

131	$image_filmstrip_width = 0;
132	}
133
134	+ $json = isset($_POST['image_rows']) ? esc_html($_POST['image_rows']): '';
135	+ $json = str_replace(""", '"', $json);
136
137	$image_rows = json_decode(stripslashes($json));
138	$image_rows_count = WDILibrary::get('image_rows_count', 0, 'intval', 'POST');//parseint

readme.txt CHANGED Viewed

@@ -4,6 +4,984 @@ Tags: custom instagram feed, feed, instagram, hashtag, Instagram feed, instagram
             Requires at least: 3.9
             Requires PHP: 5.2
             Tested up to: 5.8
-            -
            Stable tag: 1.4.25
             License: GPLv2 or later
             License URI: http://www.gnu.org/licenses/gpl-2.0.html


4	Requires at least: 3.9
5	Requires PHP: 5.2
6	Tested up to: 5.8
7	+ Stable tag: 1.4.26
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10	+
11	+ Formerly "10Web Instagram Feed". 10Web Social Photo Feed for Instagram is the leading plugin for easily presenting a customizable Instagram feed on your website.
12	+
13	+ == Description ==
14	+
15	+ 10Web Social Photo Feed for Instagram is the leading plugin for easily presenting a customizable Instagram feed on your website.
16	+
17	+ = Useful Links: =
18	+
19	+ [Live Demo](https://demo.10web.io/instagram-feed/)
20	+
21	+ [Premium 10Web Social Photo Feed for Instagram](https://10web.io/plugins/wordpress-instagram-feed/)
22	+
23	+ [Special Offer for all Premium Plugins](https://10web.io/plugins-bundle-pricing/)
24	+
25	+
26	+ https://www.youtube.com/watch?v=CgZNya0HZCQ
27	+
28	+
29	+ 10Web Social Photo Feed for Instagram is a user-friendly WordPress plugin that can help you bring Instagram feeds with the media of your Instagram account to any of your posts and pages. It will take couple of minutes to set up and customize to your needs. 10Web Social Photo Feed for Instagram's settings and features will allow you to take full control over how to display the feeds and the content on your website.
30	+
31	+ 10Web Social Photo Feed for Instagram is a perfect fit for bloggers, photography websites, travel and food blogs and for WordPress users that want to spice up their posts with the latest images and videos from their Instagram profiles. The plugin is responsive and scales perfectly to screens of all sizes, providing better user experience across the board.
32	+
33	+
34	+ == Benefits ==
35	+ * Increase user engagement - Engagement on Instagram is higher than on any other social platform. Keep your visitors engaged and significantly increase surfing time and visitor retention on your website.
36	+ * Increase brand/blog awareness - Let your site visitors get into conversation and connect with your blog or brand. Keep your visitors tuned and increase your blog's/brand's awareness.
37	+ * Save your time – Keep your posts authentic with content from your Instagram account without any manual work involved. Your feeds will be fresh and up to date and synced automatically.
38	+ * Add appeal to your website - Stunning display views, custom styling features and image lightbox effects will bring vibrancy to your posts and pages, and add to your website's overall look and feel.
39	+ * Control - Take pure charge of what content to display and how to display it with an extensive list of content and display settings. Specify the number of photos you display on the page and choose what happens when a visitor clicks on an image from the feed. Custom styled display views and filtered Instagram content will be a great addition to any post you publish.
40	+ * Minimal effort – Set the plugin up and have it up and running in no time and with minimal efforts. Out of box solution that's user-friendly and simple in use.
41	+ * Support - The team behind 10Web Social Photo Feed for Instagram provides timely and effective support to all its users. We keep standards high and response time low.
42	+ * Resource efficient - WordPress 10Web Social Photo Feed for Instagram plugin loads the images pretty fast as no feed data is stored in the database. All the images, videos, captions and comments are retrieved directly from the Instagram in the front-end.
43	+
44	+
45	+
46	+ == What's in it ==
47	+
48	+ = CUSTOMIZABLE LAYOUTS =
49	+ Display the feeds in one of the available layouts Thumbnail, Image Browser, Masonry (Premium version), Blog Style(Premium version). Whether you want to have small sized image thumbnails or larger images displayed you'll find the right layout for that. Customize layouts to get exactly what you need and display the metadata that's most relevant for your niche.
50	+
51	+ = INSTAGRAM GALLERY =
52	+ Create Instagram galleries on your website by embedding entire timelines to your posts using a shortcode or the plugin's Instagram widget on your sidebar.
53	+
54	+ = INDIVIDUAL AND MIXED FEEDS =
55	+ You can choose to show a single feed on your pages and posts, but you can make things more interesting and create mixed feeds (Premium version). With single feeds you can show posts from your Instagram account and single hashtag. Mixed feeds, on the other hand, can contain your Instagram account and multiple hashtags. A front end filter is available for mixed feeds (Premium version).
56	+
57	+ = FILTERED FEEDS =
58	+ Use Conditional Filters of the 10Web Social Photo Feed for Instagram plugin to display or skip certain content from the feeds by setting up a filter logic and condition types. Add custom condition types if necessary and fine-tune your feeds. Conditional Filters option is available for Premium version only.
59	+
60	+ = INSTAGRAM WIDGET =
61	+ Want to show Instagram feeds on your website sidebar? Do it quick and easy with the help of the Instagram Feed Widget.
62	+
63	+ = LIGHTBOX =
64	+ 10Web Social Photo Feed for Instagram features a powerful lightbox. It provides support for HTML5 video, 15 transition effects (Premium version), filmstrip (Premium version) and carousel features. The lightbox works great with Instagram touch as well.
65	+
66	+ = SCROLL AND PAGINATION =
67	+ The plugin comes with a classic pagination with next and previous buttons. You can also choose the infinite scroll option (Premium version) to bring better user experience. This allows to view more images when scrolling the page down. You can set the the number of images you want to show per page.
68	+
69	+ = THEMES =
70	+ Choose from the two default themes offered by the plugin or create multifarious themes (Premium version) by customizing the colors, sizes and display styles. 10Web Social Photo Feed for Instagram allows you to have separate layout settings for each theme with custom settings for header, user data and pagination.
71	+
72	+ = SETTINGS/CUSTOMIZATION =
73	+
74	+ Some customizations described here are available in Premium version. Please refer to feature summary for additional info.
75	+
76	+ 10Web Social Photo Feed for Instagram comes with extensive customization options for the feeds, layouts, themes and content display. Every new feed you add to your website has its own settings for the feed and for the lightbox that pops up when people click on an image or video. Upon clicking on the image you can choose to redirect people to Instagram, open the image in the lightbox, or chose the custom redirect option. There are various image sorting options available based on the date, likes, comments, and on random basis. Media loading options include load more button, infinite Instagram scrolling, or classic pagination with next and previous buttons. You can enable "Follow on Instagram" button from the feed settings and let your visitors follow the displayed Instagram accounts directly from your site. The number of photos you display on the page or post can be specified from the feed settings, as well as the number of the loading images.
77	+
78	+
79	+ [Premium version adds](https://10web.io/plugins/wordpress-instagram-feed/)
80	+
81	+ * Masonry Layout feeds
82	+ * Blog Style Layout feeds
83	+ * Image metadata (Instagram tag,image caption, comments, like) display
84	+ * Mixed and multiple feeds (Instagram account posts with multiple hashtags)
85	+ * Fully Customizable Themes
86	+ * Vertical/horizontal filmstrip in lightbox
87	+ * HTML5 Video Support in Lightbox
88	+ * Blog Style and Image Browser views for displaying Instagram videos
89	+ * 15 Lightbox transition effects
90	+ * Social sharing buttons (Facebook, Twitter, Google+, LinkedIn and Pinterest)
91	+ * Infinite scroll for the feed (Similar to Instagram standard)
92	+ * Instagram Comments display in Lightbox
93	+ * Instagram Hashtag filtering options
94	+ * Conditional Filters
95	+
96	+ ###IMPORTANT:
97	+ If you think you found a bug in 10Web Social Photo Feed for Instagram or wonder how to add Instagram to your website, or how to get Instagram plugin up and running, please check out [Support Forum](https://wordpress.org/support/plugin/wd-instagram-feed). Additional information on how to download Instagram plugin to your website you can find in our user manual If you do not find a solution in the forum, do not hesitate to [click here to contact us](https://10web.io/contact-us/).
98	+
99	+ == Installation ==
100	+
101	+ #### Thank you for your interest in 10Web Social Photo Feed for Instagram.
102	+
103	+ Here are two ways of installing 10Web Social Photo Feed for Instagram: via WordPress backend and via FTP. Let's discuss each case individually:
104	+
105	+ Installing via WordPress
106	+
107	+ Login to the WordPress Administrator Panel.
108	+ Go to Plugins > Add New > Upload.
109	+ Click Choose file button and select the zip folder of 10Web Social Photo Feed for Instagram plugin and press Install now button.
110	+ Click Activate button.
111	+
112	+ Installing via FTP
113	+
114	+ Login to your hosting space via an FTP software, e.g. FileZilla.
115	+ Unzip the downloaded 10Web Social Photo Feed for Instagram plugin folder without making any changes to the folder.
116	+ Upload the Instagram plugin into the following location wp-content>wp-plugins.
117	+ Login to the WordPress Administrator Panel.
118	+ Activate 10Web Social Photo Feed for Instagram by going to Plugins and pressing Activate button.
119	+
120	+ Creating an Instagram Feed
121	+
122	+ Creating a responsive Instagram feed is simple and easy with this user-friendly Instagram importer plugin. Go to 10Web Social Photo Feed for Instagram > Feeds and press Add New. Here you can choose Instagram feed layout and manage lightbox options. From the lightbox options you can enable filmstrip, slideshow, and take full control how custom feed images, image galleries, pictures, Instagram gallery, and videos of this social network are displayed within the lightbox.
123	+
124	+ You can enable autoplay to play photos and Instagram group images similar to an image slider. To get an Instagram slider appearance in the lightbox you'll need to adjust the lightbox and image display settings. Lightbox works great with Instagram touch. The feed will be automatically updated once users share Instagram new images. The feeds support new Instagram carousel feature, and display the images of the responsive carousel.
125	+
126	+ Create an Instagram feed based on one of the available layouts - Thumbnail, Masonry, Blog Style, Image Browser.
127	+
128	+
129	+
130	+ == Frequently Asked Questions ==
131	+
132	+ = What can I achieve using Instagram Feed plugin? =
133	+
134	+ WordPress Instagram Feed is a user-friendly plugin with enhanced functionality, which lets you create and showcase Instagram feeds on your WordPress website. You can build multiple feeds with the media of your Instagram account or hashtag by completing just a few simple steps.
135	+
136	+ You will need a couple of minutes to incorporate Instagram API to your website. The plugin will automatically create a feed from your Instagram profile. Additionally, you can build Instagram feeds and show posts of your username, as well as hashtags.
137	+
138	+ Customize the features of the feeds by configuring advanced settings of Instagram Feed plugin. Its user-friendly tools and features allow you fully personalize your feeds, set up conditional filters for feed username and hashtags, modify image lightbox settings and more.
139	+
140	+ Control the appearance and layout of your Instagram feed using 4 outstanding layout types and theme options of Instagram Feed plugin. You can publish the feeds with one of the following layouts:
141	+
142	+ * Thumbnails,
143	+ * Masonry,
144	+ * Blog Style,
145	+ * Image Browser.
146	+
147	+ Furthermore, its lightbox feature allows you to also display the images as a beautiful image slider in a popup. The themes of Instagram Feed plugin let you modify each and every attribute of the feeds.
148	+
149	+ With Instagram Feed plugin, you can showcase photos and videos, share wonderful food and travel blog pictures of Instagram with your website visitors. In case you use Instagram for e-commerce, this is the best Instagram plugin to engage your social network followers to your website.
150	+
151	+ The plugin is designed with mobile-friendly layout, letting you provide great user experience on any screen size or device.
152	+
153	+ = How can I get my Instagram Access Token? =
154	+
155	+ To begin creating feeds with WordPress Instagram Feed plugin, you need to configure Instagram app for website and get Instagram Access Token first. This is a very simple process. Visit Instagram Feed > Settings page from WordPress administrative dashboard to start the setup.
156	+
157	+ Press Sign in with Instagram button. In case you are logged in to [Instagram.com](https://www.instagram.com/) from your web browser, Access Token and Username fields will be automatically filled in. Otherwise, if there are no logged in users, a popup will appear letting you sign in.
158	+
159	+ To use a different Instagram account, simply press Reset access token and username button. Afterwards, you can sign out from Instagram.com, and get access token for another Instagram user by logging in again.
160	+
161	+ This is all you need to do, to be able to embed Instagram gallery to your WordPress website. You can then display your Instagram photos and videos as a responsive carousel, as widgets on the sidebar or footer of your site, and more.
162	+
163	+ As soon as you sign in to Instagram and get Access Token, a sample feed is created with your account and placed on a private page of your WordPress website. You can view your Instagram image gallery by clicking on View your feed button, or modify its settings and appearance by pressing Edit your feed. The feed will also appear on Instagram Feed > Feeds page.
164	+
165	+ Note, that this feed is not visible to website visitors, unless you edit its page and make it public.
166	+
167	+ = How to embed Instagram media to my WordPress site? =
168	+
169	+ To begin creating your first feed, navigate to Feeds page of Instagram Feed plugin. This page of our Instagram HTML plugin contains a list of all your feeds created with the plugin. You will see the feed of your Instagram timeline appearing on this list.
170	+
171	+ Press Add New button to start building your feed and import Instagram posts to your WordPress website.
172	+
173	+ Firstly, make sure to set a Feed Title for your feed. Then, let's configure the mandatory settings which are necessary for displaying the feed. Click on Media bar to expand these options.
174	+
175	+ Use Feed Media drop-down box to choose the content of your Instagram feed. Feed Usernames and Hashtags option lets you input your Instagram username and display feeds containing images and videos of your account. You can also add hashtags and showcase your posts with those hashtags.
176	+
177	+ Write the usernames without the @ sign, however for hashtags, you do need to add # at the beginning.
178	+
179	+ While using this Instagram media importer tool, make sure to specify one username or hashtag at a time, and press Add button each time.
180	+
181	+ You can customize the sorting of the media on your feed using the following settings.
182	+
183	+ Sort Media By allows you to choose the parameter, based on which the photos and videos on your Instagram feed will be ordered. You can select one of the following:
184	+
185	+ * Date,
186	+ * Likes,
187	+ * Comments,
188	+ * Random.
189	+
190	+ Sorting Order option lets you specify the direction of ordering the Instagram media on your feed. It can have one of the following two values:
191	+
192	+ * Ascending,
193	+ * Descending.
194	+
195	+ Media section of feed settings also allows you to change the action which takes place after users click on an image. With Action OnClick option, Instagram Feed plugin provides 4 functions for this:
196	+
197	+ * Open Lightbox. Clicking on a post will open a popup box with the large version of the image or video, letting you navigate through the rest of your feed media just like a slider.
198	+ * Redirect To Instagram. This option will redirect users to the same post on Instagram when they click on an item in the feed.
199	+ * Custom Redirect. Select this option and specify a link in Redirect URL input box. Users will be taken to this page after clicking on a post in the feed.
200	+ * Do Nothing. Clicking on posts of the feed will not trigger any functions.
201	+
202	+ = Can I display more than one Instagram feeds on my website? =
203	+
204	+ Yes, you can add as many Instagram feeds as you want to your website and show them on posts and pages.
205	+
206	+ Add the Instagram feeds to posts and pages by using the shortcode provided or choosing from the list by clicking on the Instagram Feed button.
207	+
208	+ = What layouts can I use to showcase my Instagram feed? =
209	+
210	+ Instagram Feed plugin provides 4 beautiful layouts, which you can use to showcase the photos and videos on your Instagram feeds. Each of them can be fully personalized to fit the style of your website.
211	+
212	+ Use Select Layout option and choose the appearance:
213	+
214	+ * Thumbnails,
215	+ * Masonry,
216	+ * Blog Style,
217	+ * Image Browser.
218	+
219	+ Let's go through all 4 layouts and help you choose the one that suits your site the best.
220	+
221	+ Thumbnails Layout
222	+
223	+ Thumbnails Layout of Instagram Feed plugin provides an equally aligned beautiful Instagram grid, consisting of the thumbnail images of the media on your feed. All thumbnails on this layout are set to have the same dimensions, and you can assign the width and height you like.
224	+
225	+ Masonry Layout
226	+
227	+ Just like Thumbnails, Masonry Layout is also built with the thumbnail images of Instagram posts. However, its Instagram grid is not aligned equally. The thumbnail images are created as the exact miniatures of their large versions (i.e. the dimensions of thumbnails and large posts are proportional).
228	+
229	+ Blog Style Layout
230	+
231	+ Blog Style Layout is a perfect choice if you want to post a media file on Instagram and repost the content to WordPress website as a photo blog. The images are displayed with larger dimensions, than on Thumbnails and Masonry Layouts.
232	+
233	+ You can enable captions, descriptions, and hashtags of the media and show them below the posts on your feed.
234	+
235	+ Image Browser Layout
236	+
237	+ Just like Blog Style, Image Browser Layout of Instagram Feed plugin also displays the posts with larger dimensions. However, this layout shows a single large image with navigation buttons, similar to a slideshow. You can navigate through the posts by clicking on Next and Previous buttons.
238	+
239	+ = How can I personalize the features of my Instagram feed? =
240	+
241	+ Instagram Feed social plugin comes with a number of advanced customization options, which you can use to change the functionality and features of your feeds. You can modify the feed as far as:
242	+
243	+ * changing its pagination and loading,
244	+ * defining the number of displayed and newly loaded posts,
245	+ * personalizing the settings of all 4 layouts,
246	+ * controlling the sort order of the media on your Instagram feed,
247	+ * choosing the attributes to showcase with the feed,
248	+
249	+ and much more.
250	+
251	+ To begin configuring these options, edit your feed and open Feed Settings tab. Scroll down a bit to find the following two sections:
252	+
253	+ * Layout and Pagination,
254	+ * Advanced.
255	+
256	+ Let's go through each section and discuss every option individually.
257	+
258	+ Layout and Pagination
259	+
260	+ New Media Loading. Select the method to use while loading more images and videos on your Instagram feed. You can choose one of the following options:
261	+
262	+ * Pagination,
263	+ * Load More Button,
264	+ * Infinite Scroll,
265	+ * None.
266	+
267	+ Number of Columns. Set the number of columns which will be used to align Instagram media in Thumbnails and Masonry feeds.
268	+
269	+ Number of Images/Videos. Specify the number of Instagram media to display when the feed is loaded initially.
270	+
271	+ Number of New Media. Set the number of posts which will be added to the feed, after the user clicks on Load More button or triggers Infinite Scroll.
272	+
273	+ Combine and Sort Again After Loading More. If this option is enabled, both newly loaded and existing media are mixed then resorted together according to Sort Media By setting.
274	+
275	+ Make Layout Not Responsive. When this option is selected, the layout of the feed does not convert to single-column display on small screens. The feed width is shrunk, but the number of columns stays the same.
276	+
277	+ Number of Media for Initial Preload. Specify the number of posts to preload, when an Instagram feed is first loaded. This option helps to load a few posts at once, then navigate through the media smoothly. Note, that this setting applies to Image Browser feeds only.
278	+
279	+ Number of Media for Pagination Preload. Set the number of posts to preload, while the user navigates through the media by clicking on Next or Previous buttons. Note, that this option is applicable to Image Browser layout only.
280	+
281	+ Advanced
282	+
283	+ Theme. Select the theme which will be used to style the appearance of your Instagram feed. You can edit the theme or create a new one from Instagram Feed > Themes page.
284	+
285	+ Feed Media Resolution. Choose the resolution of the media on your Instagram feed. You can select one of the following options:
286	+
287	+ * Optimal,
288	+ * Standard (640 pixels),
289	+ * Low (320 pixels),
290	+ * Thumbnail (150 pixels).
291	+
292	+ In case Optimal is selected, the dimensions of the loaded media are calculated according to the width of feed container. This provides fast loading and no stretching images.
293	+
294	+ Featured Image. Set the featured image of the header section of your Instagram feed. The image is pulled from the user profile or hashtag you select.
295	+
296	+ Show Feed Header. Activate this option to display a header on your Instagram feed. It includes Feed Title and Featured Image you specified.
297	+
298	+ Show User Data. If this option is enabled, additional details from the selected accounts and hashtags will be displayed on your Instagram feed. You can activate:
299	+
300	+ * Follow On Instagram button,
301	+ * Number of Posts and Followers of Instagram account/hashtag,
302	+ * User Bio of your Instagram account.
303	+
304	+ Show Media Caption. Enable this setting to display descriptions of Instagram photos or videos below them, fully or partially.
305	+
306	+ Show Full Description. Activate this setting to show the full captions of Instagram media. Note that this option only applies to feeds with Masonry layout.
307	+
308	+ Show Number of Likes. Mark this option as checked to display the number of likes on each Instagram post.
309	+
310	+ Show Number of Comments. Display the number of comments on Instagram photos or videos with your feed.
311	+
312	+ Show Username On Image Thumb. Activating this setting will let you show your Instagram account username on the images or videos of your feed.
313	+
314	+ = Is it possible to modify the settings of Instagram lightbox? =
315	+
316	+ Instagram Feed plugin comes with a popup box, which appears when users click on a photo or a video in the feed. It lets them display the larger versions of Instagram media, as well as play videos and navigate through the posts.
317	+
318	+ To run the lightbox by clicking on the media, make sure Action OnClick option of Feed Settings tab is set to Open Lightbox.
319	+
320	+ Just like other attributes of Instagram feeds, Lightbox Settings can be personalized as well. Edit your feed, then navigate to Lightbox Settings tab. Here you will find all the tools which help you tweak the features of the lightbox.
321	+
322	+ The user-friendly lightbox options are divided into the following two main sections:
323	+
324	+ * General Settings,
325	+ * Advanced Settings.
326	+
327	+ Let's discuss these two sections and discover the benefits of the options they provide.
328	+
329	+ General
330	+
331	+ General section of Lightbox Settings mainly provides options to modify the dimensions and effects on the popup box. You are able to make the following changes:
332	+
333	+ * set the dimensions of the lightbox,
334	+ * configure autoplay and choose from 14 amazing animation effects,
335	+ * activate full-width lightbox,
336	+
337	+ and more.
338	+
339	+ Advanced
340	+
341	+ With Advanced section of Lightbox settings, you have full control of what's shown with the popup pox of Instagram feed images and videos. It takes just a few steps to get the appearance of the lightbox exactly as you wish to have it.
342	+
343	+ Lightbox Advanced options allow you to:
344	+
345	+ * add a filmstrip to the lightbox, containing the thumbnails of Instagram posts,
346	+ * customize the navigation on the lightbox, adding Next and Previous buttons,
347	+ * activate image captions and display them on the image,
348	+ * enable right-click protection, and thus disallow right-click on images and videos,
349	+ * place share, fullscreen, download and other control buttons,
350	+ * add comments section to the lightbox,
351	+
352	+ and much more.
353	+
354	+ = Can I create mixed Instagram feeds my Instagram account and multiple hashtags? =
355	+
356	+ This option is available in Premium version. There, you can create mixed Instagram feeds with your Instagram account and several hashtags. You can even create the combination of both.
357	+
358	+ = I see an invalid access Token error. What should I do? =
359	+
360	+ If you are seeing this alert message on your Instagram Feed plugin, please note, that Instagram access tokens expire from time to time. Therefore you need to get new from your Instagram account again.
361	+
362	+ Please sign in to your Instagram account and get a new token. Add it to Instagram Feed > Settings page.
363	+
364	+ If the token will still cause "Invalid access token" error, revoke access for the plugin [here](www.instagram.com/accounts/manage_access/) and sign in again from Settings page.
365	+
366	+ = I would like to display only the Instagram posts which have certain hashtags. How can this be done? =
367	+
368	+ You can definitely do this with premium version!
369	+
370	+ In case you wish to showcase Instagram feeds with additional, more definitive filters, Conditional Filters feature of Instagram Feed plugin will help you with it. This functionality allows you to show images of your Instagram account with a specific hashtag, skip images which belong to certain hashtags, and more.
371	+
372	+ To begin creating additional filters for your Instagram feed, edit it and navigate to Conditional Filters tab. Use Enable Conditional Filters to activate the necessary tools.
373	+
374	+ Feeds to Filter option shows the basis for conditional filters. These are the username and hashtags you have added to your Instagram feed. The filters will search among the posts of the username and hashtags, and pull those which fulfill the specified condition.
375	+
376	+ Now let's configure the condition itself. First, you need to choose the logical operator of the condition using Filter Logic setting. Select one of the following 3 operators:
377	+
378	+ * AND: Shows Instagram posts that belong to all sources of filtering.
379	+ * OR: Shows Instagram media which belong to at least one of the sources of filtering.
380	+ * NOR: Hides Instagram posts which belong to at least one of the sources of filtering.
381	+
382	+ Afterwards, use Add Condition option to specify the parameter for the condition, which can be one of the following.
383	+
384	+ * Hashtag. If you wish to filter your accout feed with a certain hashtag, you can use this option.
385	+ * Mention. This option can be used for feeds both with hashtags and username, i.e. you can display posts where another user is mentioned.
386	+ * Description. Just like Mentions, Description can be used both with hashtags and username. You can specify a single keyword or a phrase, which is used in descriptions of your Instagram posts.
387	+ * Instagram Media Link. You are able to filter using the shareable link of Instagram media. Simply provide the full URL of the post, as the following example: https://www.instagram.com/p/Be6H6G9lmCQ/
388	+
389	+ Afterwards, select the Condition Type for the filter, which corresponds to the parameter you are adding. For instance, in case you are adding #liveauthentic hashtag, the Condition Type needs to be set as Hashtag as well.
390	+
391	+ Lastly, click Add Condition button, and the parameters you have added will be visible below Result section. Make sure to press Save after you finish configuring the filters.
392	+
393	+ With Result option, you will see all of the added filters which will be applied to your Instagram feed.This feature is widely used on Instagram for eCommerce websites, as it serves like an Instagram feed with analytics.
394	+
395	+ = How can I publish the Instagram Feed on my website? =
396	+
397	+ Using WordPress Instagram feed plugin, you can publish your feeds with the following 3 different methods:
398	+
399	+ * on a WordPress page or post,
400	+ * as a widget,
401	+ * on a custom template with a PHP function.
402	+
403	+ A quick guide for this is provided with How To Publish Feed tab above your Instagram feed. Let's go through the necessary steps of each publishing method, and help you choose the one that fits your site the best.
404	+
405	+ Publishing the Feed on Pages or Posts
406	+
407	+ To publish Instagram feeds with this method, add or edit the page or post from WordPress administrative dashboard of your website. Click on Add Instagram Feed button from the top of the post editor. Afterwards, select the feed you wish to publish and press Insert.
408	+
409	+ The shortcode of Instagram Feed plugin will be added to the content of your page/post.
410	+
411	+ Alternatively, you can copy the shortcode from Instagram Feed > Feeds dashboard, under Shortcode column, and paste it into the content of your WordPress page/post.
412	+
413	+ Publishing Instagram Feed as a Widget
414	+
415	+ Navigate to Appearance > Widgets page from WordPress administrative dashboard to begin configuring your Instagram feed widget. Firstly, search for Instagram Feed Widget and drag it to the widget area, where you wish to display your feed.
416	+
417	+ Provide a Title for your Instagram Feed, then choose the feed to publish using Feed drop-down box. Make sure to specify Number of Columns, as well as Number of images to show on your Instagram feed.
418	+
419	+ Also, you can activate the following attributes and display them with your feed:
420	+
421	+ * post descriptions,
422	+ * likes and comments,
423	+ * Load More button.
424	+
425	+ Publishing with PHP function
426	+
427	+ It is also possible to publish Instagram feeds on custom PHP templates using their PHP functions. To do this, simply copy the PHP function of your feed from Instagram Feed > Feeds page, then paste it to the necessary section of your custom template.
428	+
429	+ = Is it possible to change the Instagram Feed themes to match my website? =
430	+
431	+ This is possible in Premium version.
432	+
433	+ Instagram Feed plugin provides a variety of user-friendly styling options, which let you customize the appearance and features of your Instagram feed even further. You can access these tools from Instagram Feed > Themes page.
434	+
435	+ By default, Instagram Feed plugin comes with 2 themes:
436	+
437	+ * Instagram,
438	+ * Elegant.
439	+
440	+ You can modify and use them on your feeds, or create a new theme with your own configurations. To select a default theme for your Instagram feeds, click on the star icon next to the corresponding entry.
441	+
442	+ Each theme is divided into 2 main sections.
443	+
444	+ Customizing Feed
445	+
446	+ These theme settings allow you to modify global styling of your feeds, such as their width, text font, pagination attributes and more. This toolbox consists of the following sub-sections:
447	+
448	+ * General. Configure the main parameters of the feed with these options, e.g. feed container width and background color.
449	+ * Header. Edit header parameters, its text font styles, image size, padding and other attributes.
450	+ * User Data. Set the appearance of user information section above the feeds, such as text font size, and the styling of follow button and user bio.
451	+ * Pagination. Modify the styles of Load More button, as well as the font size, margins, and alignment of Pagination buttons.
452	+ * Thumbnails, Masonry, Blog Style and Image Browser. Use the options on these tabs to modify default styles of layouts provided by Instagram Feed plugin. You can edit the border and padding of photo wrapper, text color and font of post caption, comments and likes, transparency of image overlay, and more.
453	+
454	+ Customizing Lightbox
455	+
456	+ You can customize each attribute of Instagram Feed lightbox using the tools in this section. They will help you change lightbox background, control button styles, filmstrip position and alignment, and more. Navigate through the following sub-sections to change the options:
457	+
458	+ * General,
459	+ * Control Buttons,
460	+ * Close Button,
461	+ * Navigation Buttons,
462	+ * Filmstrip,
463	+ * Info,
464	+ * Comments.
465	+
466	+ = Where can I change the settings of Instagram Feed plugin? =
467	+
468	+ Advanced Options of Instagram Feed plugin allow you to modify a few global parameters, that apply to all feeds. Go to Instagram Feed > Settings page and click on Advanced Options bar to expand this toolbox.
469	+
470	+ With Minimal role to add and manage Feeds or Themes option, you can select the WordPress user role which will have access to Instagram Feed plugin. The user roles of higher levels will also be able to modify and manage the feeds.
471	+
472	+ Custom CSS lets you write your own CSS code for your Instagram feeds. This is handy, in case you need to make specific changes regarding the styling of your feed. Whereas with Custom Javascript you are able to apply additional scripts.
473	+
474	+ For instance, let's consider you have a feed with Thumbnails Layout, and besides displaying the feed, you wish to expand captions for some posts. You can achieve this the following way.
475	+
476	+ Firstly, you need to assign custom wdi_feed_loaded event of the plugin to the container of the Instagram feed, then set callback function for this event.
477	+
478	+ Here is an example of a script, which expands captions of posts with 0, 1, 2, 3 indexes:
479	+
480	+ `jQuery('#wdi_feed_0').on('wdi_feed_loaded',function(){
481	+ jQuery('.wdi_photo_title').eq(0).trigger('click');
482	+ jQuery('.wdi_photo_title').eq(1).trigger('click');
483	+ jQuery('.wdi_photo_title').eq(2).trigger('click');
484	+ jQuery('.wdi_photo_title').eq(3).trigger('click');
485	+ });`
486	+
487	+ Make sure to Save Changes after you finish modifying Advanced Options.
488	+
489	+ Uninstalling Instagram Feed Plugin
490	+
491	+ In case you wish to completely remove Instagram Feed plugin, you can Uninstall it using Instagram Feed > Uninstall menu item. However, it is important to note, that uninstalling the plugin will delete all feeds, reset all options to their defaults, and remove other data on the plugin.
492	+
493	+ Please make sure you don't have any important information before you proceed.
494	+
495	+
496	+ == Screenshots ==
497	+
498	+ 1. WordPress 10Web Social Photo Feed for Instagram - Thumbnail layout
499	+ 2. WordPress 10Web Social Photo Feed for Instagram - Image browser layout
500	+ 3. WordPress 10Web Social Photo Feed for Instagram - Lightbox
501	+ 4. WordPress 10Web Social Photo Feed for Instagram - Edit Instagram Feed
502	+ 5. WordPress 10Web Social Photo Feed for Instagram - Theme Settings
503	+
504	+ == Privacy Policy ==
505	+ 10Web Social Photo Feed for Instagram plugin uses Instagram API on website front end. You have to authorize the plugin via sign in to get data from Instagram on your behalf. The plugin does not send any user’s data to Instagram. All the data received from Instagram via API is cached in WordPress database for some short customizable period to provide front end optimization. You can delete or update cached data. Instagram saves some cookies in browsers of website visitors via API data. These cookies are mostly used for security purposes. They are regulated under terms of Instagram’s privacy policy https://instagram.com/legal/privacy. The plugin asks for your consent to collect site administrator’s email address and site URL to offer customer support, deals and discounts on premium products and more.
506	+
507	+ == Changelog ==
508	+ = 1.4.26 =
509	+ Fixed: Security issue.
510	+
511	+ = 1.4.25 =
512	+ Fixed: Security issue.
513	+ Changed: Set minimal (10 minutes) value for "Check for new posts every (min)".
514	+
515	+ = 1.4.24 =
516	+ Fixed: Recent Hashtags ordering.
517	+ Fixed: Large images height in the lightbox.
518	+ Fixed: Image in Pinterest share preview.
519	+
520	+ = 1.4.23 =
521	+ Improved: Cache logic.
522	+ Fixed: Share to Twitter.
523	+ Fixed: XSS vulnerabilities on widget title.
524	+ Fixed: Pagination.
525	+ Fixed: Show error message if "hashtag" is not found.
526	+
527	+ = 1.4.22 =
528	+ Fixed: XSS vulnerabilities on settings page.
529	+ Fixed: Disable pagination during page load.
530	+
531	+ = 1.4.21 =
532	+ Fixed: Connecting to the Business account.
533	+
534	+ = 1.4.20 =
535	+ Fixed: Cache logic.
536	+
537	+ = 1.4.19 =
538	+ Fixed: XSS vulnerability.
539	+
540	+ = 1.4.18 =
541	+ Added: Possibility to show IGTV media in the feed.
542	+ Fixed: Lightbox filmstrip issue.
543	+ Fixed: Issue on changing account type from business to personal.
544	+ Fixed: Show caption for posts loaded with load more.
545	+ Fixed: Logic of cache.
546	+
547	+ = 1.4.17 =
548	+ Improved: Load more functionality.
549	+ Fixed: Show thumbnails for Video posts.
550	+ Fixed: Adding shortcode with classic editor.
551	+
552	+ = 1.4.16 =
553	+ Improved: Pagination logic.
554	+ Fixed: Compatibility with PHP8.
555	+
556	+ = 1.4.15 =
557	+ Improved: Decreased load time on front end.
558	+
559	+ = 1.4.14 =
560	+ Fixed: Removing feed.
561	+ Fixed: Deactivation after uninstall.
562	+ Fixed: Duplicated images in filmstrip.
563	+ Fixed: Load more.
564	+
565	+ = 1.4.13 =
566	+ Fixed: Preview in Elementor.
567	+ Fixed: Issue when "Check for new posts every" option set to 0.
568	+
569	+ = 1.4.12 =
570	+ Fixed: Ordering for hashtag.
571	+
572	+ = 1.4.11 =
573	+ Fixed: Adding the Instagram Feed to the Elementor.
574	+ Fixed: Feed preview.
575	+ Fixed: Comments for feed.
576	+
577	+ = 1.4.10 =
578	+ Fixed: Open settings page after activation.
579	+ Fixed: Load more functionality.
580	+ Fixed: Feed does not work with hashtag for some cases.
581	+ Fixed: Error after re-connecting a Business account.
582	+
583	+ = 1.4.9 =
584	+ Fixed: Filters logic.
585	+ Fixed: Load more functionality.
586	+ Fixed: Update user info on feed saving.
587	+ Fixed: Hashtag removing functionality.
588	+
589	+ = 1.4.8 =
590	+ Fixed: JS error.
591	+ Fixed: Broken images.
592	+ Fixed: Uninstall functionality.
593	+ Fixed: Requests limitation in API.
594	+
595	+ = 1.4.7 =
596	+ Fixed: Feed images view.
597	+
598	+ == Changelog ==
599	+ = 1.4.6 =
600	+ Improved: Separate options for personal and business accounts.
601	+ Improved: Increased loading time of feed.
602	+ Fixed: Multiple accounts functionality.
603	+
604	+ = 1.4.5 =
605	+ Fixed: Missing images from post with multiple images.
606	+ Fixed: Conflict with WP5.5.
607	+ Fixed: Number of comments and likes.
608	+ Fixed: Images ordering on Firefox.
609	+
610	+ = 1.4.4 =
611	+ Fixed: Decreased feed load time.
612	+ Fixed: Business account.
613	+
614	+ = 1.4.3 =
615	+ Fixed: Getting User's metadata.
616	+ Fixed: Reset access token.
617	+ Fixed: Conditional filters.
618	+
619	+ = 1.4.2 =
620	+ Fixed: Feed Media Resolution.
621	+ Fixed: Feed Header.
622	+ Fixed: Show Follow on Instagram.
623	+
624	+ = 1.4.1 =
625	+ Fixed: Refresh a Long-Lived Token.
626	+
627	+ = 1.4.0 =
628	+ Changed: Using Instagram Basic Display API instead of Legacy API,
629	+
630	+ = 1.3.26 =
631	+ Fixed: JS error on Instagram feed front.
632	+
633	+ = 1.3.25 =
634	+ Fixed: Hashtag exclude.
635	+ Fixed: Privacy policy text structure.
636	+
637	+ = 1.3.24 =
638	+ Removed: Banner to install Image optimizer.
639	+
640	+ = 1.3.23 =
641	+ Fixed: Minor bug.
642	+
643	+ = 1.3.22 =
644	+ Improved: Do not use Font Awesome.
645	+ Fixed: Do not show username(no user) for hashtags.
646	+
647	+ = 1.3.21 =
648	+ Added: Ask a question button.
649	+
650	+ = 1.3.20 =
651	+ Fixed: Security issues
652	+
653	+ = 1.3.18 =
654	+ Fixed: Error from Instagram after connecting a Personal account.
655	+ Fixed: Instagram Feed warning after deleting a feed.
656	+ Fixed: Pagination problem on hashtag feeds..
657	+
658	+ = 1.3.17 =
659	+ Added: Feed edit links for Elementor widget.
660	+
661	+ = 1.3.16 =
662	+ Fixed: First time authorization.
663	+
664	+ = 1.3.15 =
665	+ Added: Banner to install 10Web manager.
666	+
667	+ = 1.3.14 =
668	+ New: Added contributor role in the option 'Minimal role to add and manage Feeds or Themes'.
669	+ Fixed: Conditional filters for hashtags.
670	+
671	+ = 1.3.13 =
672	+ New: Option to get hashtag top media
673	+ Improved: Notices during Facebook Log in
674	+ Fixed: Occasional JS error on front end
675	+
676	+ = 1.3.12 =
677	+ Fixed: Conflict with Gutenberg.
678	+
679	+ = 1.3.11 =
680	+ New: Create hashtag feeds for business profiles using Instagram Graph API
681	+
682	+ = 1.3.10 =
683	+ Fixed: Gutenberg compatibility
684	+ Fixed: Duplicate media when several filters are applied (Premium)
685	+
686	+ = 1.3.9 =
687	+ Fixed: Lib conflict with photo-gallery
688	+
689	+ = 1.3.8 =
690	+ Changed: Links to docs
691	+ Fixed: Compatibility with Elementor
692	+ Added: wdi_display_shortcode_button filter
693	+
694	+ = 1.3.7 =
695	+ New: Option to disable loading of Font-Awesome by the plugin
696	+ Fixed: PHP notice in feed preview
697	+ Fixed: Issue with admin styles for notices
698	+
699	+ = 1.3.6 =
700	+ Changed: Instagram Feed by 10Web
701	+ Fixed: Minor bugs when saving feed and opening lightbox
702	+
703	+ = 1.3.5 =
704	+ Changed: Deactivation popup
705	+
706	+ = 1.3.4 =
707	+ New: Display website link in header along with bio
708	+
709	+ = 1.3.3 =
710	+ New: Cache debugging tools
711	+ New: WD library updated
712	+ New: GDPR compliance help
713	+
714	+ = 1.3.2 =
715	+ New: Signing up with multiple accounts
716	+ Fixed: Settings page layout when language is not English
717	+
718	+ = 1.3.1 =
719	+ Fixed: Security issues. Reported by Karan Saini https://www.karansaini.com/
720	+
721	+ = 1.3.0 =
722	+ New: Caching of Instagram data. API rate limits do not constrain feed loading anymore.
723	+ New: Compatibility with Gutenberg editor.
724	+ Improved: It is possible now to manually edit access token.
725	+ Changed: Plugin will output a warning when an incompatible version of Font-Awesome is loaded (SVG generated by JS)
726	+ Fixed: Error when PHP filter extension is not enabled.
727	+ Fixed: PHP warning in feed editor page appearing sometimes.
728	+
729	+ = 1.2.19 =
730	+ Fixed: Loading more images
731	+
732	+ = 1.2.18 =
733	+ Important: Instagram shut down its API partially without any warning. See [changelog](https://www.instagram.com/developer/endpoints/media/). It is not allowed anymore to display photos from other Instagram accounts which are not your own.
734	+ Sorry.
735	+
736	+ = 1.2.17 =
737	+ Fixed: Video play issue on mac safari
738	+ Changed: Uninstall moved to settings page
739	+
740	+ = 1.2.16 =
741	+ New: Instagram slideshow is supported in popup
742	+ New: UX of feeds and themes admin screen, it is now similar to posts list screen
743	+ New: Inline actions for feeds and themes in admin list view
744	+ Improved: Theme styles are generated as CSS files, not inline styles. Faster page loading and better styles caching
745	+ Improved: Popup is faster now and less data is being sent via AJAX
746	+
747	+ = 1.2.15 =
748	+ Added: "How to publish feed" tab in feeds editor screen
749	+ Added: Closeable metaboxes in feeds editor screen
750	+ Added: Feed preview button in feeds editor screen
751	+ Changed: Save, apply and cancel buttons in feed and theme editor screens
752	+ Changed: Feed and theme title input design
753	+ Fixed: Minor bugs and conflicts with some themes
754	+ Improved: Shortcode popup design
755	+ Removed: Update submenu (Premium)
756	+
757	+ = 1.2.14 =
758	+ Fixed: Conflict with Page Builder by SiteOrigin
759	+
760	+ = 1.2.13 =
761	+ Fixed: Conflict with Divi
762	+
763	+ = 1.2.12 =
764	+ New: Customize feed media resolution. Choose between optimal or custom resolutions, fast loading and higher quality.
765	+ Improved: Redesigned feed and theme editor screens.
766	+ Improved: More user-friendly names and descriptions of feed settings.
767	+ Improved: UX when access token is expired or have not been obtained yet.
768	+ Improved: UX when there are JS errors on front-end.
769	+ Fixed: Minor: do not include custom scroll bar JS if feed does not have popup.
770	+
771	+ = 1.2.11 =
772	+ Changed: Scripts and styles are minified by default
773	+ Changed: Font-Awesome has been updated to version 4.7.0 and loaded from CDN
774	+ Changed: Pagination buttons are smaller now in default theme
775	+ Changed: Deactivation popup.
776	+
777	+ = 1.2.10 =
778	+ Fixed: CSS XSS vulnerability in lightbox
779	+
780	+ = 1.2.9 =
781	+ Changed: Web-Dorado links
782	+
783	+ = 1.2.8 =
784	+ Changed: Allow more users and hashtags in feed settings
785	+
786	+ = 1.2.7 =
787	+ Changed: Show notification to install Backup WD plugin only on plugin pages
788	+
789	+ = 1.2.6 =
790	+ Change: Introduction of Backup WD plugin
791	+
792	+ = 1.2.5 =
793	+ Change: "create_function" is not used anymore
794	+
795	+ = 1.2.4 =
796	+ Fixed: 10Web Social Photo Feed for Instagram compatibility issue with Better WordPress Minify plugin, thanks to @amityweb for bug report
797	+
798	+ = 1.2.3 =
799	+ Change: WD library updated to version 1.0.11
800	+ Fixed: Error message when editing feed and token is expired
801	+
802	+ = 1.2.2 =
803	+ New: Redirection to custom URL
804	+
805	+ = 1.2.1 =
806	+ New: Option to disable loading of new images in feed
807	+
808	+ = 1.2.0 =
809	+ New: Default feed
810	+ Fixed: Infinite scroll triggering (PRO)
811	+ Fixed: "No media in feed" message on mobile masonry feed
812	+ Fixed: Minor style conflicts with some themes
813	+
814	+ = 1.1.30 =
815	+ Changed: Frontend styles optimized, loads faster now
816	+
817	+ = 1.1.29 =
818	+ Fixed: Display only published feeds in feeds selector popup for shortcode
819	+ Changed: UX improvement - no error message when user first inserts a widget then creates feeds
820	+
821	+ = 1.1.28 =
822	+ Fixed: Conflict with some themes
823	+
824	+ = 1.1.27 =
825	+ Fixed: Overriding window.onload function
826	+ Changed: Some strings on frontend are translatable now
827	+
828	+ = 1.1.26 =
829	+ Fixed: Conflict with Beaver Builder
830	+ Fixed: Frontend error messages in old Chrome and Safari browsers
831	+ Changed: Translations hosted on WordPress.org
832	+
833	+ = 1.1.25 =
834	+ New: UX improvements: when authorizing and editing feeds
835	+ Changed: JavaScript error notices on frontend
836	+ Fixed: Updates page restored (PRO)
837	+ Fixed: Deactivation popup in uninstall page (PRO)
838	+ Fixed: Subscribe after uninstall
839	+
840	+ = 1.1.24 =
841	+ Added: Overview page
842	+ Changed: Deactivation
843	+
844	+ = 1.1.23 =
845	+ Fixed: cropping of "landscape" images in thumbnails layout
846	+
847	+ = 1.1.22 =
848	+ New: message displayed on frontend if feed has no media
849	+ Fixed: JS errors for media with Instagram's new "Slideshow" feature. This feature is not supported by Instagram's API yet.
850	+ Changed: Errors by plugin and Instagram API are alerted in frontend only for admins, otherwise output the message to the Web Console
851	+ Changed: Custom attribute "wdi_media_user" added to media containers in frontend. Useful for adding different event listeners, e.g. custom redirects for every user's media.
852	+ Changed: Minor style conflicts fixed
853	+
854	+ = 1.1.21 =
855	+ New: Three new plugins added to featured plugins list: Ad Manager WD, Youtube WD and Staff Team WD
856	+ Fixed: Colors and opacities of share buttons in lightbox (PRO)
857	+
858	+ = 1.1.20 =
859	+ New: Instagram feed displayed in AJAX-loaded content. AJAX request callback needs to call wp_footer() in the end.
860	+
861	+ = 1.1.19 =
862	+ Fixed: Strange bug in Instagram API when user feed pagination is null, causing JS errors in frontend
863	+
864	+ = 1.1.18 =
865	+ Fixed: Frontend filter colors (PRO)
866	+ Changed: Featured plugins, brand new Mailchimp Forms WD plugin added
867	+
868	+ = 1.1.17 =
869	+ New: Option in feed settings to show small size images and low-bandwidth videos when viewed in mobile devices
870	+ Fixed: Escaping in custom JS
871	+ Change: WP 4.7 compatibility - language of frontend content in AJAX response
872	+
873	+ = 1.1.16 =
874	+ Fixed: Unicode "paragraph separator" symbol in media caption crashes lightbox
875	+ Fixed: Javascript error in admin feed page and styling issue in lightbox because of some non-standard themes
876	+
877	+ = 1.1.15 =
878	+ New: Show hashtag media number in header
879	+ Fixed: Scripts dependency on underscore.js
880	+ Fixed: Compatibility issues with Yoast SEO
881	+
882	+ = 1.1.14 =
883	+ Fixed: Single user bio not shown
884	+ Changed: Plugin logo
885	+ Changed: Featured plugins logos
886	+
887	+ = 1.1.13 =
888	+ Fixed: Changes in database after plugin version update via FTP or AJAX requests with silent activation
889	+
890	+ = 1.1.12 =
891	+ New: Feed based on liked media (Pro)
892	+ Fixed: Hidden media in last page
893	+ Fixed: Minor issues
894	+
895	+ = 1.1.11 =
896	+ Added: Setting to show media descriptions in widget mode (PRO)
897	+ Fixed: Untranslatable strings in widget editor
898	+ Change: Featured plugins list
899	+
900	+ = 1.1.10 =
901	+ Added: New text in uninstall page
902	+ Fixed: Video not centering issue on blogstyle
903	+ Added: Swedish translations
904	+
905	+ = 1.1.9 =
906	+ New: Option to set minimal user role for adding and managing feeds and themes
907	+ Fixed: Masonry feed thumbnails overlay opacity (Pro)
908	+
909	+ = 1.1.8 =
910	+ Changed: Font-Awesome updated to version 4.6.3
911	+
912	+ = 1.1.7 =
913	+ New: Featured themes admin page
914	+ Fixed: Javascript error in hashtag feed
915	+
916	+ = 1.1.6 =
917	+ Change: Added compatibility with "All in one SEO pack" and other plugins running shortcodes in page head
918	+
919	+ = 1.1.5 =
920	+ Fixed: Javascript error on Firefox and Safari
921	+
922	+ = 1.1.4 =
923	+ Fixed: Error handling in case of wrong access_token
924	+ Fixed: Image description not opening after pagination (Pro)
925	+ Fixed: Do not show load more button if feed media are finished
926	+ Fixed: Infinite scroll triggering bug (Pro)
927	+
928	+ = 1.1.3 =
929	+ New: French translation (Thanks to Guillaume Barjou)
930	+ New: English US and UK translation files. Edit them to change default strings
931	+ Fixed: Image sizes and overwflows in thumbnails layout
932	+ Fixed: Lightbox filmstrip thumb styles (Pro)
933	+
934	+
935	+ = 1.1.2 =
936	+ Fixed: Bug when saving theme data to some MySQL 5.6 databases
937	+ Changed: Pagination of hashtag feeds restored
938	+ Changed: Check and get user id on frontend if empty for some unknown reason
939	+
940	+ = 1.1.1 =
941	+ Fixed: Bug when duplicating feeds
942	+
943	+ = 1.1.0 =
944	+ IMPORTANT: Instagram changed the API. You need to get a new access token by using "Sign in with Instagram" button on the Settings page in order to keep your 10Web Social Photo Feed for Instagram plugin functioning after June 1.
945	+ new: Instagram new API
946	+ new: Spanish translation (Thanks to Alexandro Lacadena Gomez)
947	+
948	+ = 1.0.10 =
949	+ Temporarily disable pagination in hashtag based feeds
950	+ Changed: Russian Translations ( Thanks to Alex Petrin )
951	+
952	+ = 1.0.9 =
953	+ Added: Option for displaying image loading buttons in widgets
954	+ Added: Permission for authors displaying instagram feeds on posts
955	+
956	+ = 1.0.8 =
957	+ Fixed: Infinite Scroll bug
958	+ Changed: Show videos play button when redirect is enabled
959	+
960	+ = 1.0.7 =
961	+ ADD: Image Hover Effects (Pro)
962	+
963	+ = 1.0.6 =
964	+ New: Conditional Filters (Pro)
965	+ New: Option for displaying username in masonry/thumbnails view (Pro)
966	+ Fixed: Minor bugs
967	+ New: Russian translation (Thanks to Ruslan Tertyshny).
968	+
969	+ = 1.0.5 =
970	+ New: New year promo
971	+
972	+ = 1.0.4 =
973	+ Fixed: Bug in layout
974	+
975	+ = 1.0.3 =
976	+ Fixed: PHP function in feeds list
977	+
978	+ = 1.0.2 =
979	+ Fixed: PHP error after plugin update
980	+
981	+ = 1.0.1 =
982	+ Fixed: PHP 5.3 compatibility
983	+ Fixed: Video redirect bug
984	+ Changed: User info styles
985	+
986	+ = 1.0.0 =
987	+ Initial version

wd-instagram-feed.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	* Plugin Name: 10Web Social Photo Feed
4	* Plugin URI: https://10web.io/plugins/wordpress-instagram-feed/?utm_source=instagram_feed&utm_medium=free_plugin
5	* Description: 10Web Social Photo Feed is a user-friendly tool for displaying user or hashtag-based feeds on your website. You can create feeds with one of the available layouts. It allows displaying image metadata, open up images in lightbox, download them and even share in social networking websites.
6	- * Version: 1.4.25
7	* Author: 10Web
8	* Author URI: https://10Web.io/plugins/?utm_source=instagram_feed&utm_medium=free_plugin
9	* License: GPLv2 or later


3	* Plugin Name: 10Web Social Photo Feed
4	* Plugin URI: https://10web.io/plugins/wordpress-instagram-feed/?utm_source=instagram_feed&utm_medium=free_plugin
5	* Description: 10Web Social Photo Feed is a user-friendly tool for displaying user or hashtag-based feeds on your website. You can create feeds with one of the available layouts. It allows displaying image metadata, open up images in lightbox, download them and even share in social networking websites.
6	+ * Version: 1.4.26
7	* Author: 10Web
8	* Author URI: https://10Web.io/plugins/?utm_source=instagram_feed&utm_medium=free_plugin
9	* License: GPLv2 or later

wd/includes/deactivate.php CHANGED Viewed

	@@ -109,20 +109,21 @@ class TenWebLibDeactivate
109	public function submit_and_deactivate()
110	{
111	$wd_options = $this->config;
112	- if (~~isset(~~$~~_POST[$~~wd_options->prefix . "_submit_and_deactivate"])~~) {~~

113
114	- if ($~~_POST[$wd_options->prefix~~ ~~. "_submit_and_deactivate"]~~ == 2 \|\| $~~_POST[$wd_options->prefix~~ ~~. "_submit_and_deactivate"]~~ == 3) {
115	//$api = new TenWebLibApi( $wd_options );
116
117	$data = array();
118
119	- $data["reason"] = ~~isset~~($~~_POST[$~~wd_options->prefix . "_reasons"]) ~~? $_POST[$wd_options->prefix . "_reasons"] : ""~~;
120	$data["site_url"] = site_url();
121	$data["product_id"] = $wd_options->plugin_id;
122
123	- $data["additional_details"] = ~~isset~~($~~_POST[$~~wd_options->prefix . "_additional_details"]) ~~? $_POST[$wd_options->prefix . "_additional_details"] : ""~~;
124	$admin_data = wp_get_current_user();
125	- $data["email"] = ~~isset~~($~~_POST[$~~wd_options->prefix . "_email"]) ? $~~_POST[$wd_options->prefix . "_email"] : $~~admin_data->data->user_email;
126	$user_first_name = get_user_meta($admin_data->ID, "first_name", true);
127	$user_last_name = get_user_meta($admin_data->ID, "last_name", true);
128
	@@ -146,7 +147,7 @@ class TenWebLibDeactivate
146	}*/
147
148	}
149	- if ($~~_POST[$wd_options->prefix~~ ~~. "_submit_and_deactivate"]~~ == 2 \|\| $~~_POST[$wd_options->prefix~~ ~~. "_submit_and_deactivate"]~~ == 1) {
150	$deactivate_url =
151	add_query_arg(
152	array(
	@@ -161,18 +162,6 @@ class TenWebLibDeactivate
161
162	}
163	}
164	-
165	- ////////////////////////////////////////////////////////////////////////////////////////
166	- // Getters & Setters //
167	- ////////////////////////////////////////////////////////////////////////////////////////
168	- ////////////////////////////////////////////////////////////////////////////////////////
169	- // Private Methods //
170	- ////////////////////////////////////////////////////////////////////////////////////////
171	-
172	- ////////////////////////////////////////////////////////////////////////////////////////
173	- // Listeners //
174	- ////////////////////////////////////////////////////////////////////////////////////////
175	-
176	}
177
178


109	public function submit_and_deactivate()
110	{
111	$wd_options = $this->config;
112	+ $submit_and_deactivate = WDILibrary::get($wd_options->prefix . "_submit_and_deactivate");
113	+ if ( !empty($submit_and_deactivate) ) {
114
115	+ if ( $submit_and_deactivate == 2 \|\| $submit_and_deactivate == 3 ) {
116	//$api = new TenWebLibApi( $wd_options );
117
118	$data = array();
119
120	+ $data["reason"] = WDILibrary::get($wd_options->prefix . "_reasons");
121	$data["site_url"] = site_url();
122	$data["product_id"] = $wd_options->plugin_id;
123
124	+ $data["additional_details"] = WDILibrary::get($wd_options->prefix . "_additional_details");
125	$admin_data = wp_get_current_user();
126	+ $data["email"] = WDILibrary::get($wd_options->prefix . "_email", $admin_data->data->user_email);
127	$user_first_name = get_user_meta($admin_data->ID, "first_name", true);
128	$user_last_name = get_user_meta($admin_data->ID, "last_name", true);
129

147	}*/
148
149	}
150	+ if ( $submit_and_deactivate == 2 \|\| $submit_and_deactivate == 1 ) {
151	$deactivate_url =
152	add_query_arg(
153	array(

162
163	}
164	}












165	}
166
167

wd/includes/notices.php CHANGED Viewed

	@@ -133,7 +133,8 @@ class TenWebLibNotices {
133	// If user clicks to ignore the notice, update the option to not show it again
134	if ( isset( $_GET[$wd_options->prefix . '_admin_notice_ignore'] ) ) {
135	$admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
136	- $~~admin_notices_option[~~$_GET[$wd_options->prefix . '_admin_notice_ignore']~~]['dismissed'] = 1~~;

137	update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
138	$query_str = remove_query_arg( $wd_options->prefix . '_admin_notice_ignore' );
139	wp_redirect( $query_str );
	@@ -149,12 +150,13 @@ class TenWebLibNotices {
149	$admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
150	$current_date = current_time( "n/j/Y" );
151	$date_array = explode( '/', $current_date );
152	- $interval = (isset($_GET['wd_int']) ? $_GET['wd_int'] : 14);
153	$date_array[1] += $interval;
154	$new_start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
155
156	- $~~admin_notices_option[~~$_GET[$wd_options->prefix . '_admin_notice_temp_ignore']~~]['start'] = $new_start~~;
157	- $admin_notices_option[$~~_GET[$wd_options->prefix . '_admin_notice_temp_ignore'~~]]['~~dismissed~~'] = 0;

158	update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
159	$query_str = remove_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore', 'wd_int' ) );
160	wp_redirect( $query_str );
	@@ -166,7 +168,7 @@ class TenWebLibNotices {
166	$wd_options = $this->config;
167	foreach ( $pages as $key => $page ) {
168	if (is_array($page)) {
169	- if ( isset( $_GET['page'] ) && $_GET['page'] == $page[0] && isset($_GET['tab']) && $_GET['tab'] == $page[1] ) {
170	return true;
171	}
172	}
	@@ -177,7 +179,7 @@ class TenWebLibNotices {
177	if ( get_current_screen()->id === $page ) {
178	return true;
179	}
180	- if ( isset($_GET['page']) && $_GET['page'] == $page ) {
181	return true;
182	}
183	}


133	// If user clicks to ignore the notice, update the option to not show it again
134	if ( isset( $_GET[$wd_options->prefix . '_admin_notice_ignore'] ) ) {
135	$admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
136	+ $admin_notice_ignore = esc_html($_GET[$wd_options->prefix . '_admin_notice_ignore']);
137	+ $admin_notices_option[$admin_notice_ignore]['dismissed'] = 1;
138	update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
139	$query_str = remove_query_arg( $wd_options->prefix . '_admin_notice_ignore' );
140	wp_redirect( $query_str );

150	$admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
151	$current_date = current_time( "n/j/Y" );
152	$date_array = explode( '/', $current_date );
153	+ $interval = (isset($_GET['wd_int']) ? intval($_GET['wd_int']) : 14);
154	$date_array[1] += $interval;
155	$new_start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
156
157	+ $admin_notice_temp_ignore = esc_html($_GET[$wd_options->prefix . '_admin_notice_temp_ignore']);
158	+ $admin_notices_option[$admin_notice_temp_ignore]['start'] = $new_start;
159	+ $admin_notices_option[$admin_notice_temp_ignore]['dismissed'] = 0;
160	update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
161	$query_str = remove_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore', 'wd_int' ) );
162	wp_redirect( $query_str );

168	$wd_options = $this->config;
169	foreach ( $pages as $key => $page ) {
170	if (is_array($page)) {
171	+ if ( isset( $_GET['page'] ) && esc_html($_GET['page']) == $page[0] && isset($_GET['tab']) && esc_html($_GET['tab']) == $page[1] ) {
172	return true;
173	}
174	}

179	if ( get_current_screen()->id === $page ) {
180	return true;
181	}
182	+ if ( isset($_GET['page']) && esc_html($_GET['page']) == $page ) {
183	return true;
184	}
185	}

wd/includes/subscribe.php CHANGED Viewed

	@@ -53,7 +53,7 @@ class TenWebLibSubscribe
53	$wd_options = $this->config;
54	if (isset($_GET[$wd_options->prefix . "_sub_action"])) {
55
56	- if ($_GET[$wd_options->prefix . "_sub_action"] == "allow") {
57	//$api = new TenWebLibApi($wd_options);
58	$all_plugins = array();
59	$plugins = get_plugins();


53	$wd_options = $this->config;
54	if (isset($_GET[$wd_options->prefix . "_sub_action"])) {
55
56	+ if ( esc_html($_GET[$wd_options->prefix . "_sub_action"]) == "allow" ) {
57	//$api = new TenWebLibApi($wd_options);
58	$all_plugins = array();
59	$plugins = get_plugins();

WD Instagram Feed – Instagram Gallery - Version 1.4.26

Version Description

Release Info

Code changes from version 1.4.25 to 1.4.26