Feed & LikeBox For Facebook - Version 2.5.7

Version Description

[ 14/02/2018 ]

Download this release

Release Info

Developer weblizar
Plugin Icon 128x128 Feed & LikeBox For Facebook
Version 2.5.7
Comparing to
See all releases

Code changes from version 2.5.6 to 2.5.7

css/facebook-feed-shortcode.css CHANGED
@@ -1,172 +1,174 @@
1
- .main-banner {
2
- height: 260px;
3
- /* background-attachment: fixed; */
4
- background-size: cover;
5
- background-position: left;
6
- /* background-size: cover; */
7
- background-position: 100% 43%;
8
- background-repeat: no-repeat;
9
- /* background-image: linear-gradient(to right, black 0%, white 100%), url(https://scontent.xx.fbcdn.net/v/t31.0-8/s720x720/21740797_1642098919198659_1600351691123341132_o.jpg?oh=2de865cd9bf616ca09f9ca40d87c886d&oe=5AB80C55);*/
10
- background-blend-mode: screen;
11
- box-shadow: 0px 0px 10px #ccc;
12
- /* border-bottom: 4px solid #0b79c3; */
13
  }
14
- .main-banner
15
- {
16
- position: relative;
17
- margin-bottom: 50px;
 
 
 
 
 
 
 
 
 
 
18
  }
19
- .facebook-feed-top-area {
20
- margin-bottom: 1px;
21
- bottom: -48px;
22
- position: absolute;
23
- width: 94%;
24
- margin: 0 auto;
25
- z-index: 1;
26
- border-radius: 4px;
27
- right: 0;
28
- left: 0;
29
- padding-top: 15px;
30
- /*background: #0098ff;*/
31
- /* border-bottom: 3px solid #0b79c3;*/
32
- overflow: hidden;
33
  }
34
- .facebook-feed-top-img a.fb-main-pic{
35
- padding:5px;
 
36
  }
37
 
38
- a.fb-main-pic img {
39
- margin-top: 24px;
40
- }
41
- .facebook-feed-top-info-inner h3 {
42
  margin: 0;
43
  font-weight: bold;
44
  text-shadow: 1px 1px 3px #fff;
45
  }
46
- .facebook-feed-top-info-inner p span{
47
  font-weight:bold;
48
  }
49
- .facebook-feed-top-info-inner p{
50
  font-size: 16px;
51
  color: #000;
52
  padding-left: 6px;
53
 
54
  }
55
- .facebook-feed-top-area .facebook-feed-top-img {
56
- padding-left:12px!important;
57
- padding: 0px;
58
- }
59
- .facebook-feed-top-info {
60
- height: 120px;
61
- }
62
- .facebook-feed-top-info-inner {
63
- position: absolute;
64
- bottom: 0;
65
- position: absolute;
66
- margin-left: 7px;
67
- }
68
- .facebook-feed-inner-text .button-group {
69
  position: absolute;
70
- right: 13px;
71
- bottom: 10%;
72
  top: auto;
73
- z-index: 9999;
74
- /* height: 200px; */
75
- }
76
- .facebook-feed-top-info-inner h3 a {
77
- text-decoration: none;
78
- color: #333;
79
- font-size: 30px;
80
- }
81
- .btn-secondary.feed_header_link {
82
- color: #fff;
83
- background-color: #3b5998;
84
-
85
- }
86
- .btn-secondary.feed_header_link i.fa.fa-facebook {
87
- padding-right: 6px;
88
- border-right: 1px solid;
89
- margin-right: 4px;
90
  }
91
 
92
-
93
-
94
- .btn-secondary.feed_header_link {
95
- position: relative;
96
- text-align: left;
97
- white-space: nowrap;
98
- overflow: hidden;
99
- text-overflow: ellipsis;
100
  }
101
 
102
- .btn-block {
103
  display: block;
104
  width: 100%;
105
  padding-right: 0;
106
  padding-left: 0;
107
  }
108
- .post-box.bg {
109
  border: 1px solid #dcdbdb;
 
 
 
 
 
110
  }
 
 
 
 
 
 
 
111
  /*---- full-width---*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112
 
113
- .post-box{
114
  margin: 12px 0px;
115
  padding: 15px;
116
- /* background-color: #eeeeee; */
117
  }
118
- .post-box .logo-left{
119
  padding:0px;
120
  }
121
- .post-box .logo-left img{
122
- /*width:100%;*/
123
  padding: 5px 0px;
 
 
124
  }
125
- .post-box .logo-right h5 a {
126
  color: #000;
127
  font-weight: bold;
128
  font-size: 16px;
129
  }
130
- .post-box .logo-right {
131
  padding:5px 15px;
132
  }
133
- .post-box .logo-right h6 .fa {
134
- margin-right:5px;
135
- color:#777;
 
136
  }
137
- .post-box .logo-right h6 {
 
138
  font-size: 14px;
 
 
 
 
 
 
 
 
 
 
 
 
139
  }
140
- .post-box h1
 
 
 
 
 
141
  {
142
  margin:0px;
143
  font-weight:bold;
144
  text-shadow: 1px 1px 2px #000000;
145
  font-size: 20px !important;
146
  }
147
- .post-box p.text{
148
  color: #000000;
149
  font-size: 14px;
150
  letter-spacing:1px;
151
  }
152
- .post-box .post-img{
153
- padding:0px;
 
154
  cursor: pointer;
155
  }
156
- .post-box .post-img img{
157
  display: block;
158
  width:100%;
159
  }
160
- .post-box .post-img iframe{
161
  width:100%;
162
  }
163
- .post-box .post-img:hover{
164
  display: block;
165
  box-shadow: 0 0 8px #ccc;
166
  -webkit-transition: all .4s ease-in-out;
167
  transition: all .4s ease-in-out;
168
  }
169
- .post-box .post-img .overlay {
170
  position: absolute;
171
  top: 0;
172
  bottom: 0;
@@ -179,10 +181,10 @@ a.fb-main-pic img {
179
  background-color: rgba(0,0,0,0.2);
180
  }
181
 
182
- .post-box .post-img:hover .overlay {
183
  opacity: 1;
184
  }
185
- .post-box .post-img .overlay .overlaytext {
186
  color: white;
187
  font-size: 20px;
188
  position: absolute;
@@ -191,59 +193,69 @@ a.fb-main-pic img {
191
  transform: translate(-50%, -50%);
192
  -ms-transform: translate(-50%, -50%);
193
  }
194
- .post-box .post-img .overlay .overlaytext a .fa{
195
  background-color: #000000b3;
196
  padding: 10px;
197
  font-size: 25px;
198
  color:#fff;
199
  }
200
 
201
- .post-box .bar{
202
  background-color:#fff;
203
  margin-top: 25px;
 
 
204
  }
205
- .like_comment_div .feed_main_div
206
  {
207
  display: none !important;
208
  }
209
- .post-box .bar .bar-left{
210
  text-align:left;
211
- padding:13px 15px;
212
- font-size: 15px;
213
  }
214
- .post-box .bar .bar-left span.like, span.share, span.comment {
215
- margin-right:10px;
 
 
216
  font-weight: bold;
217
- cursor: pointer;
 
 
 
 
 
 
218
  }
219
- .post-box .bar .bar-left .fa{
220
  margin-right:5px;
221
  color:#777;
222
  }
223
- .post-box .bar .bar-right{
224
- padding:8px 15px;
225
- text-align:right;
 
 
226
  }
227
- .post-box .bar .bar-right a{
228
  color: #777;
229
- padding: 7px;
230
- font-size: 15px;
231
- }
232
- .post-box .bar .bar-right ul{
233
- list-style:none;
234
- /*display:-webkit-inline-box;*/
235
- padding:0px;
236
  }
237
- .post-box .bar .bar-right li a:hover{
238
  color:#000;
239
  }
240
- .bar .bar-left .panel {
241
  display: none;
 
242
  background-color: white;
243
- width: 206%;
244
  -webkit-transition:all .4s ;
245
  }
246
- .bar .bar-left .panel p.post-comment-likes{
247
  width: 100%;
248
  min-width: 100%;
249
  float: left;
@@ -257,25 +269,25 @@ display: none !important;
257
  box-sizing: border-box;
258
  margin: 6px 0px 6px 0px;
259
  }
260
- .bar .bar-left .panel p.post-comment-likes span.post-reactions{
261
  float: left;
262
  padding-top: 1px;
263
  font-size: 11px;
264
  line-height: 13px !important;
265
  }
266
- span.post-like, span.post-love, span.post-wow{
267
  font-size:15px;
268
  margin-right: 5px;
269
  }
270
 
271
- .bar .bar-left .panel p.post-comment-likes span.post-likes-text{
272
  font-size: 13px;
273
  margin-left: 10px;
274
  }
275
- .bar .bar-left .panel p.post-comment-likes span.post-likes-text a{
276
  color: #033f74;
277
  }
278
- p.post-comments{
279
  width: 100%;
280
  min-width: 100%;
281
  float: left;
@@ -288,11 +300,18 @@ p.post-comments{
288
  -moz-box-sizing: border-box;
289
  box-sizing: border-box;
290
  }
291
- p.post-comments a{
292
  font-size:15px;
293
  color: #033f74;
294
  }
295
- .post-comment{
 
 
 
 
 
 
 
296
  width: 100%;
297
  min-width: 100%;
298
  float: left;
@@ -306,13 +325,13 @@ p.post-comments a{
306
  box-sizing: border-box;
307
  }
308
 
309
- .post-comment .post-comment-img{
310
  padding:0px;
311
  }
312
- .post-comment .post-comment-img img{
313
  /* width:100%; */
314
  }
315
- .post-comment .post-comment-text-wrapper .post-comment-text p{
316
  padding: 0 ;
317
  margin: 0 ;
318
  line-height: 1.4;
@@ -320,42 +339,42 @@ p.post-comments a{
320
  font-size: 12px;
321
  font-weight: bold;
322
  }
323
- .post-comment .post-comment-text-wrapper .post-comment-text p a{
324
  color: #033f74;
325
  }
326
  /*---- half-width---*/
327
- .half-width .post-box .post-title {
328
  float: right;
329
  }
330
- .half-width .post-box .post-img{
331
  float:left;
332
  padding-top:0px;
333
  }
334
 
335
  /*---- thumblin---*/
336
- .thumblin .post-box .post-title{
337
  float:right;
338
  }
339
- .thumblin .post-box .post-img{
340
  float:left;
341
  }
342
 
343
- .thumblin .post-box .post-img iframe {
344
  width: 100%;
345
  height: 104px;
346
  }
347
 
348
  /*---- group-full-page---*/
349
- .group.full-width .post-box .post-img .post-full-img{
350
  padding:0px;
351
  }
352
- .group.full-width .post-box .post-img .post-thum-img{
353
  padding:0px;
354
  }
355
- .group.full-width .post-box .post-img .post-thum-img img{
356
  height:180px;
357
  }
358
- .group.full-width .post-box .post-img .post-thum-img span {
359
  position: absolute;
360
  width: 100%;
361
  text-align: center;
@@ -368,16 +387,16 @@ p.post-comments a{
368
  font-size: 40px;
369
  }
370
  /*---- group-half-page---*/
371
- .group.half-width .post-box .post-img .post-full-img{
372
  padding:0px;
373
  }
374
- .group.half-width .post-box .post-img .post-thum-img{
375
  padding:0px;
376
  }
377
- .group.half-width .post-box .post-img .post-thum-img img{
378
  height:110px;
379
  }
380
- .group.half-width .post-box .post-img .post-thum-img span {
381
  position: absolute;
382
  width: 100%;
383
  text-align: center;
@@ -389,10 +408,10 @@ p.post-comments a{
389
  color: #000;
390
  font-size: 40px;
391
  }
392
- .post-box.bg p{
393
  font-size:14px;
394
  }
395
- .container-flut.gallaries .gallery-img p{
396
  font-size: 14px!important;
397
  float: left;
398
  padding-right: 8px;
@@ -403,16 +422,16 @@ p.post-comments a{
403
 
404
  }*/
405
  /*---- group-thumblin-page---*/
406
- .group.thumblin .post-box .post-img .post-full-img{
407
  padding:0px;
408
  }
409
- .group.thumblin .post-box .post-img .post-thum-img{
410
  padding:0px;
411
  }
412
- .group.thumblin .post-box .post-img .post-thum-img img{
413
  height:50px;
414
  }
415
- .group.thumblin .post-box .post-img .post-thum-img span {
416
  position: absolute;
417
  width: 100%;
418
  text-align: center;
@@ -428,129 +447,113 @@ p.post-comments a{
428
  @media (max-width: 768px) {
429
 
430
 
431
- .half-width .post-box .logo-left {
432
  padding: 13px 0px;
433
  }
434
  }
435
  @media (max-width: 480px){
436
 
437
- .post-box .logo-left {
438
- padding: 12px 0px;
439
  }
440
- .post-box .bar .bar-left {
441
  padding: 13px 2px;
442
  font-size: 12px;
443
  }
444
- .post-box .bar .bar-left span.like, span.share, span.comment {
445
  margin-right: 5px;
446
  }
447
- .post-box .bar .bar-right a {
448
- padding: 5px;
449
- }
450
  }
451
 
452
- .div-overlay h3 span
453
  {
454
  color: #fff;
455
  }
456
 
457
 
458
 
459
- .btn-block+.btn-block {
460
  margin-top: 5px;
461
  }
462
 
463
- .btn-facebook {
464
  color: #fff;
465
  background-color: #3b5998;
466
  border-color: rgba(0,0,0,0.2);
467
  }
468
 
469
- .btn-secondary.feed_header_link {
470
- position: relative;
471
- text-align: left;
472
- white-space: nowrap;
473
- overflow: hidden;
474
- text-overflow: ellipsis;
475
- }
476
-
477
- .btn-block {
478
  display: block;
479
  width: 100%;
480
  padding-right: 0;
481
  padding-left: 0;
482
  }
483
- .bg{
484
  /* background-image: url(../images/bg01.jpeg); */
485
  /*padding:20px 0px !important;*/
486
  }
487
- .bg .box{
488
  background-color: #fff;
489
  margin-bottom: 20px;
490
  padding: 1px 15px;
491
  border-bottom: 1px solid #e0e0e0;
492
  -webkit-transition:all .4s ;
493
- ` transition:all .4s ;
494
  }
495
- .bg .post-box:hover{
496
  -webkit-transition:all .4s ;
497
- ` transition:all .4s ;
498
  box-shadow: 0 0 10px #777;
499
  }
500
 
501
- .bg .bar {
502
- padding: 0px;
503
- background-color: #eaeaea;
504
- border: 1px solid #ccc;
505
- /* box-shadow: 0 0 8px #d4d1d1; */
506
- }
507
- .bg p{
508
- /*padding: 15px 0px;*/
509
- }
510
-
511
- .bg i.fa.fa-twitter {
512
  color: #00acee;
513
  }
514
- .bg i.fa.fa-google-plus{
515
  color: #de6463;
516
  }
517
- .bg i.fa.fa-facebook{
518
  color: #3a5898;
519
  }
520
- .bg i.fa.fa-twitter:hover {
521
  color: #000;
522
  }
523
- .bg i.fa.fa-google-plus:hover{
524
  color: #000;
525
  }
526
- .bg i.fa.fa-facebook:hover{
527
  color: #000;
528
  }
529
- .bg .post-img {
530
- padding: 5px;
531
  border: 1px solid #e4e4e4;
532
 
533
  /*padding: 20px;*/
534
  }
535
 
536
  @media (max-width: 768px) {
537
- .thumblin .bg .logo-left {
538
  padding: 12px 0px;
539
  }
540
  }
541
  @media (max-width: 480px){
542
- .bg .bar .bar-left {
543
  padding: 17px 15px;
544
  }
545
  }
546
- .ffp_attach_div
547
  {
548
  padding-left:0px !important;
549
  margin-top: 10px !important;
550
  }
 
 
 
551
  /*custom box css start*/
552
 
553
- .width100per {
554
  width: 100%;
555
  }
556
  body {
@@ -803,7 +806,7 @@ a {
803
  width: 100%;
804
  height: 100%;
805
  }
806
- .product-gallery-popup {
807
  position: fixed;
808
  top: 0;
809
  left: 0;
@@ -812,7 +815,7 @@ a {
812
  display: none;
813
  z-index: 9999;
814
  }
815
- .product-gallery-popup .product-popup-content {
816
  position: absolute;
817
  width: 980px;
818
  max-height: 580px;
@@ -827,18 +830,18 @@ a {
827
  padding: 15px;
828
  }
829
 
830
- .product-image {
831
  /* height: 580px; */
832
  overflow: hidden;
833
  position: relative;
834
  text-align: center;
835
  }
836
- .product-image img
837
  {
838
  width:100% !important;
839
  max-height: 100%;
840
  }
841
- .cross {
842
  position: absolute;
843
  top: 10px;
844
  right: 10px;
@@ -1654,6 +1657,10 @@ eui-item-text {
1654
  }
1655
  /*custom box css end*/
1656
 
 
 
 
 
1657
  .feed_main_div .post_font_color {
1658
  font-weight: normal;
1659
  }
@@ -2138,108 +2145,91 @@ color:#fff;
2138
  color: #000 !important;
2139
  }
2140
 
2141
- .main-banner {
2142
- height: 260px;
2143
- /* background-attachment: fixed; */
2144
- background-size: cover;
2145
- background-position: left;
2146
- /* background-size: cover; */
2147
- background-position: 100% 43%;
2148
- background-repeat: no-repeat;
2149
- /* background-image: linear-gradient(to right, black 0%, white 100%), url(https://scontent.xx.fbcdn.net/v/t31.0-8/s720x720/21740797_1642098919198659_1600351691123341132_o.jpg?oh=2de865cd9bf616ca09f9ca40d87c886d&oe=5AB80C55);*/
2150
- background-blend-mode: screen;
2151
- box-shadow: 0px 0px 10px #ccc;
2152
- /* border-bottom: 4px solid #0b79c3; */
2153
- }
2154
- .main-banner
2155
- {
2156
- position: relative;
2157
- margin-bottom: 50px;
2158
- }
2159
- .facebook-feed-top-area {
2160
  margin-bottom: 1px;
2161
- bottom: -48px;
 
2162
  position: absolute;
2163
  width: 94%;
2164
  margin: 0 auto;
2165
- z-index: 1;
2166
  border-radius: 4px;
 
 
2167
  right: 0;
2168
  left: 0;
2169
  padding-top: 15px;
2170
- /*background: #0098ff;*/
2171
- /* border-bottom: 3px solid #0b79c3;*/
2172
  overflow: hidden;
2173
  }
2174
- .facebook-feed-top-img a.fb-main-pic{
2175
- padding:5px;
2176
- }
2177
 
2178
- a.fb-main-pic img {
2179
- margin-top: 24px;
2180
- }
2181
- .facebook-feed-top-info-inner h3 {
2182
  margin: 0;
2183
  font-weight: bold;
2184
  text-shadow: 1px 1px 3px #fff;
2185
  }
2186
- .facebook-feed-top-info-inner p span{
2187
  font-weight:bold;
2188
  }
2189
- .facebook-feed-top-info-inner p{
2190
  font-size: 16px;
2191
  color: #000;
2192
  padding-left: 6px;
2193
 
2194
  }
2195
- .facebook-feed-top-area .facebook-feed-top-img {
2196
- padding-left:12px!important;
2197
- padding: 0px;
2198
- }
2199
- .facebook-feed-top-info {
2200
- height: 120px;
2201
- }
2202
- .facebook-feed-top-info-inner {
2203
  position: absolute;
2204
  bottom: 0;
2205
- position: absolute;
2206
  margin-left: 7px;
2207
  }
2208
- .facebook-feed-inner-text .button-group {
2209
- position: absolute;
2210
- right: 13px;
2211
- bottom: 10%;
2212
- top: auto;
2213
- z-index: 9999;
2214
- /* height: 200px; */
2215
  }
2216
- .facebook-feed-top-info-inner h3 a {
 
 
 
 
2217
  text-decoration: none;
2218
- color: #333;
2219
- font-size: 30px;
2220
  }
2221
- .btn-secondary.feed_header_link {
 
 
 
 
 
 
 
 
 
2222
  color: #fff;
2223
- background-color: #3b5998;
2224
-
2225
  }
2226
- .btn-secondary.feed_header_link i.fa.fa-facebook {
 
 
 
 
 
 
 
 
 
 
 
2227
  padding-right: 6px;
2228
  border-right: 1px solid;
2229
  margin-right: 4px;
2230
  }
2231
 
2232
-
2233
-
2234
- .btn-secondary.feed_header_link {
2235
- position: relative;
2236
- text-align: left;
2237
- white-space: nowrap;
2238
- overflow: hidden;
2239
- text-overflow: ellipsis;
2240
- }
2241
-
2242
- .btn-block {
2243
  display: block;
2244
  width: 100%;
2245
  padding-right: 0;
@@ -2249,24 +2239,24 @@ a.fb-main-pic img {
2249
 
2250
 
2251
  /*---aad-new---*/
2252
- .gallery-img p strong {
2253
  padding-right: 6px;
2254
  display: inline-block;
2255
  }
2256
 
2257
 
2258
- .event_desc {
2259
  margin-bottom: 50px;
2260
  }
2261
 
2262
- .event-blog-img
2263
  {
2264
  padding: 14px 0px;
2265
  }
2266
- .gallery-photos{
2267
  margin:60px 0px;
2268
  }
2269
- .card-footer {
2270
  position: relative;
2271
  padding: 5px;
2272
  position: absolute;
@@ -2382,9 +2372,15 @@ a.fb-main-pic img {
2382
  {
2383
  margin-bottom: 10px !important;
2384
  }
2385
- .facebook_feed_more
 
 
 
 
 
2386
  {
2387
- color: #333 !important;
 
2388
  }
2389
  ffp_attach_div
2390
  {
@@ -2700,36 +2696,36 @@ figure.effect-lily:hover p {
2700
  transition-duration: 0.35s;
2701
  }
2702
  /*---edit--*/
2703
- .blog-grid {
2704
  color:#333;
2705
  text-align:left;
2706
  margin:0px 15px;
2707
  }
2708
- .blog-grid .blog-author-pic{
2709
  width:40px;
2710
  height:40px;
2711
  float: left;
2712
  margin-right:10px;
2713
 
2714
  }
2715
- .blog-grid h4 {
2716
  margin-bottom:4px;
2717
  }
2718
- .blog-grid h5{
2719
  font-size:12px;
2720
  padding:0px;
2721
  }
2722
- .post-footer-option {
2723
 
2724
 
2725
  }
2726
- .post-footer-option li a {
2727
  color: #fff;
2728
  font-weight: 500;
2729
  font-size: 20px;
2730
  }
2731
 
2732
- .post-footer-option li {
2733
  float: unset;
2734
  width: 14%;
2735
  background-color:red;
@@ -2740,18 +2736,30 @@ figure.effect-lily:hover p {
2740
 
2741
  /* padding-bottom: 0px; */
2742
  }
2743
- .social-link-2 ul li ul {
2744
  bottom: 34px!important;
2745
  }
2746
- .post-footer-option li:hover{
2747
- background-color: green;
2748
-
2749
- }
2750
- .post-box .bar .bar-right ul {
2751
  list-style: none;
2752
- border: 1px solid #ccc;
2753
- /* display: -webkit-inline-box; */
2754
  padding: 0px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2755
  }
2756
 
2757
  /*---------------*/
@@ -2778,11 +2786,7 @@ figure.effect-lily:hover p {
2778
  @media (min-width: 992px) {
2779
 
2780
  }
2781
- .wrapper{
2782
- background-color: #000;
2783
- padding:60px;
2784
-
2785
- }
2786
  .btn.btn-primary{
2787
  background-color: #4267b2;
2788
  border-bottom: 1px solid #29487d;
@@ -2979,6 +2983,29 @@ position:relative;
2979
  body{
2980
 
2981
  background-color:#000;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2982
  }
2983
  @media only screen and (max-width: 767px) and (min-width: 320px){
2984
  .order_change {
@@ -2986,6 +3013,8 @@ background-color:#000;
2986
  flex-wrap: wrap;
2987
  justify-content: center;
2988
  }
 
 
2989
  .pic {
2990
  order: 1;
2991
  }
@@ -2993,6 +3022,26 @@ background-color:#000;
2993
  .text {
2994
  order: 2;
2995
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2996
  }
2997
  #event .blog-grid {
2998
  margin: 0px 0px!important;
@@ -3289,16 +3338,16 @@ img.hover-shadow {
3289
  width: 195px;
3290
  height: 800px;
3291
  display: block;
3292
- -webkit-transform: rotate(-90deg);
3293
  -moz-transform: rotate(-90deg);
3294
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
3295
  }
3296
  .column{
3297
  height: 125px;
3298
  width: 125px;
3299
- -webkit-transform: rotate(90deg);
3300
  -moz-transform: rotate(90deg);
3301
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
3302
  }
3303
 
3304
 
@@ -3377,305 +3426,58 @@ right:0px;
3377
  }
3378
  /*----timeline-page-css---*/
3379
 
3380
- /*---light-box-thumneels---*
3381
-
3382
- .bstimeslider {
3383
-
3384
-
3385
- height:100px;
3386
- background:#ccc;
3387
- position:relative;
3388
- }
3389
-
3390
- .bktibx {
3391
-
3392
- float:left;
3393
- font-size:18px;
3394
- width:200px;
3395
- display:block;
3396
- background:#000;
3397
- color:#fff;
3398
-
3399
- }
3400
-
3401
- #tslshow {
3402
- position:absolute;
3403
- left:0;
3404
- width:1200px;
3405
-
3406
- }
3407
-
3408
- #leftArrow {
3409
-
3410
- width:40px;
3411
- height: 100%;
3412
- background: #00000096;
3413
- position:absolute;
3414
- left:0px;
3415
-
3416
- z-index: 99999;
3417
- }
3418
-
3419
- #rightArrow {
3420
-
3421
- z-index: 99999;
3422
- width:40px;
3423
- height: 100%;
3424
- background: #00000096;
3425
- position:absolute;
3426
- right:0px;
3427
- }
3428
-
3429
- #viewContainer {
3430
- width: 100%;
3431
- height: 100%;
3432
- background: #00ff00;
3433
- position: absolute;
3434
- right: 0;
3435
- /* left: 1px; */
3436
- margin-left: -180px;
3437
- overflow: hidden;
3438
- }
3439
- .content .stack__deco{
3440
-
3441
- }
3442
- .content .grid grid--effect-vega{
3443
- position: relative;
3444
- height: 3135.62px;
3445
- overflow: hidden!impo;
3446
- }
3447
 
3448
-
3449
- .btn-overlay {
3450
- opacity:0;
3451
- position: absolute;
3452
- z-index: 999;
3453
- background-color: #7c21216b;
3454
- left: 0;
3455
- right: 0;
3456
- top:0;
3457
- bottom:0;
3458
- height: 100%;
3459
- display: flex;
3460
- justify-content: center;
3461
- align-items: center;
3462
- height: auto!important;
3463
- text-align:center;
3464
- transition: all 0.8s ease 0s;
3465
- -webkit-transition: all .8s ease;
3466
- -moz-transition: all .8s ease;
3467
- -o-transition: all .8s ease;
3468
- -ms-transition: all .8s ease;
3469
- transition: all .8s ease;
3470
- position: absolute;
3471
- }
3472
- .grid__item:hover .btn-overlay {
3473
- opacity:1;
3474
- transition: all 0.8s ease 0s;
3475
- -webkit-transition: all .8s ease;
3476
- -moz-transition: all .8s ease;
3477
- -o-transition: all .8s ease;
3478
- -ms-transition: all .8s ease;
3479
- transition: all .8s ease;
3480
- position: absolute;
3481
-
3482
- }
3483
- .btn-overlay a{
3484
- font-size:22px;
3485
- width:80px;
3486
- height:80px;
3487
- line-height:80px;
3488
- color:#fff;
3489
- text-align:center;
3490
- background-color:#00000050;
3491
- }
3492
-
3493
- .modal {
3494
- z-index: 99999999999!important;
3495
  }
3496
 
3497
- .timeline .blog-grid.lb-block-2>p{
3498
- margin-bottom: 6px;
3499
- font-size:12px;
3500
- }
3501
- .card-title a{
3502
- color:#333;
3503
-
3504
- }
3505
 
3506
- /*---light-box-thumneels---*/
3507
- .modal-slid-img{
3508
- text-align: center;
3509
- }
3510
- .modal-slid-img img {
3511
- /* max-height: 466px; */
3512
- text-align: center;
3513
 
3514
- }
3515
 
3516
- .timeline-cont h4{
3517
- text-align:left;
3518
- font-size:14px;
3519
- padding: 0px;
3520
- margin: 10px 0;
3521
- border:none;
3522
-
3523
- }
3524
- .timeline-cont a{
3525
- box-shadow:none!important;
3526
- border:none!important;
3527
- text-decoration:none!important;
3528
-
3529
  }
3530
- .timeline-cont a:hover{
 
 
 
3531
  box-shadow:none!important;
3532
- border:none!important;
3533
- text-decoration:none!important;
3534
 
3535
- }
3536
- .timeline-cont h5{
3537
- text-align:left;
3538
- font-size:13px;
3539
- padding: 0px;
3540
- margin: 5px 0;
3541
- }
3542
- /*---new-add---*/
3543
-
3544
- .lightbox-caption {
3545
- margin-top: 6px !important;
3546
- float: left!important;
3547
- /* overflow-y: hidden; */
3548
- }
3549
-
3550
- .lightbox-caption a img {
3551
- width: 70px;
3552
- float: left;
3553
- margin-right: 15px;
3554
- height: 70px;
3555
- margin-bottom: 4px;
3556
- }
3557
-
3558
- .carousel-thum-modal .item-inner{
3559
- height: 100px!important;
3560
- }
3561
-
3562
- /*--scrollbar--*/
3563
-
3564
-
3565
- .lightbox-caption::-webkit-scrollbar-track
3566
- {
3567
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
3568
- background-color: #F5F5F5;
3569
- border-radius: 10px;
3570
- }
3571
 
3572
- .lightbox-caption::-webkit-scrollbar
3573
- {
3574
- width: 10px;
3575
- background-color: #F5F5F5;
3576
  }
3577
 
3578
- .lightbox-caption::-webkit-scrollbar-thumb
3579
- {
3580
- border-radius: 10px;
3581
- background-image: -webkit-gradient(linear,
3582
- left bottom,
3583
- left top,
3584
- color-stop(0.44, rgb(122,153,217)),
3585
- color-stop(0.72, rgb(73,125,189)),
3586
- color-stop(0.86, rgb(28,58,148)));
3587
- }
3588
- /*--scrollbar--*/
3589
- .tilter__figure {
3590
- overflow: hidden!important;
3591
  }
3592
-
3593
-
3594
-
3595
- /* .album-layout-3 .outline-border-1 .tilter:hover .tilter__image{
3596
-
3597
- transition: all 0.4s ease-in-out 0s;
3598
- -moz-transition: all 0.4s ease-in-out 0s;
3599
- -webkit-transition: all 0.4s ease-in-out 0s;
3600
- -o-transition: all 0.4s ease-in-out 0s;
3601
-
3602
- } */
3603
-
3604
- .album-effct-3 .outline-border .tilter .tilter__image{
3605
- transition: all 0.4s ease-in-out 0s;
3606
- -moz-transition: all 0.4s ease-in-out 0s;
3607
- -webkit-transition: all 0.4s ease-in-out 0s;
3608
- -o-transition: all 0.4s ease-in-out 0s;
3609
- }
3610
-
3611
- .album-layout-3 .outline-border .tilter:hover .tilter__image {
3612
- transition: all 0.4s ease-in-out 0s;
3613
- -moz-transition: all 0.4s ease-in-out 0s;
3614
- -webkit-transition: all 0.4s ease-in-out 0s;
3615
- -o-transition: all 0.4s ease-in-out 0s;
3616
- /* -webkit-transform: rotate(-10deg);
3617
- transform: rotate(-10deg); */
3618
- overflow: hidden;
3619
-
3620
- margin: 0;
3621
- width: 100%;
3622
- height: 100%;
3623
- outline-offset: -60px!important;
3624
- outline: 60px solid #00000078!important;
3625
- display: block;
3626
- }
3627
-
3628
-
3629
- .album-layout-3 .dotted-border .tilter .tilter__image {
3630
- outline-offset: -60px!important;
3631
- outline: 60px solid #00000078!important;
3632
-
3633
- transition: all 0.4s ease-in-out 0s!important;
3634
- -moz-transition: all 0.4s ease-in-out 0s;
3635
- -webkit-transition: all 0.4s ease-in-out 0s;
3636
- -o-transition: all 0.4s ease-in-out 0s;
3637
 
 
 
3638
  }
3639
-
3640
- .album-layout-3 .dotted-border .tilter:hover .tilter__image {
3641
- margin: 0;
3642
- width: 100%;
3643
- transition: all 0.4s ease-in-out 0s;
3644
- -moz-transition: all 0.4s ease-in-out 0s;
3645
- -webkit-transition: all 0.4s ease-in-out 0s;
3646
- -o-transition: all 0.4s ease-in-out 0s;
3647
- height: 100%;
3648
- outline-offset: -6px!important;
3649
- outline: 1px dotted #00000078!important;
3650
- display: block;
3651
- }
3652
-
3653
- .tilter__figure {
3654
- overflow: hidden!important;
3655
  }
3656
-
3657
- .tilter__figure, .tilter__image {
3658
- margin: 0;
3659
  width: 100%;
3660
- height: 100%;
3661
- outline-offset: -15px!important;
3662
- outline: 4px solid #ffffff78!important;
3663
- display: block;
3664
- }
3665
- .btn-secondary.feed_header_link
3666
- {
3667
- padding: 7px;
3668
- }
3669
- a{
3670
-
3671
- text-decoration:none!important;
3672
- box-shadow:none!important;
3673
  }
3674
-
3675
- a:hover{
3676
- box-shadow:none!important;
3677
- text-decoration:none!important;
3678
  }
3679
- .post-box .bar .bar-right ul {
3680
- border: none!important;
 
 
 
 
 
 
 
3681
  }
1
+ .wp-fb-plugin .main-banner
2
+ { position: relative;
3
+ margin-bottom: 50px;
 
 
 
 
 
 
 
 
 
4
  }
5
+
6
+ .wp-fb-plugin .fb-main-banner img {
7
+ width: 100%;
8
+ }
9
+
10
+ .wp-fb-plugin .fb-main-banner a.fb-main-pic img {
11
+ height:100%;
12
+ width:100%;
13
+ margin-top: 24px;
14
+ min-width:50px;
15
+ min-height:50px;
16
+ border: 2px solid #fff;
17
+ box-shadow: 0 1px 6px rgba(0, 0, 0, .5);
18
+
19
  }
20
+
21
+ .wp-fb-plugin .main-banner {
22
+ height: auto!important;
 
 
 
 
 
 
 
 
 
 
 
23
  }
24
+ .wp-fb-plugin .main-banner .facebook-feed-top-info-inner.pull-left h3,
25
+ .wp-fb-plugin .main-banner .facebook-feed-top-info-inner.pull-left p {
26
+ margin: 0;
27
  }
28
 
29
+ .wp-fb-plugin .facebook-feed-top-info-inner h3 {
 
 
 
30
  margin: 0;
31
  font-weight: bold;
32
  text-shadow: 1px 1px 3px #fff;
33
  }
34
+ .wp-fb-plugin .facebook-feed-top-info-inner p span{
35
  font-weight:bold;
36
  }
37
+ .wp-fb-plugin .facebook-feed-top-info-inner p{
38
  font-size: 16px;
39
  color: #000;
40
  padding-left: 6px;
41
 
42
  }
43
+
44
+ .wp-fb-plugin .main-banner .facebook-feed-inner-text .button-group {
 
 
 
 
 
 
 
 
 
 
 
 
45
  position: absolute;
46
+ right: 11px;
47
+ bottom: 10px;
48
  top: auto;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
  }
50
 
51
+ .feed_main_widget.wp-fb-plugin .main-banner .facebook-feed-inner-text .button-group {
52
+ bottom:33px;
 
 
 
 
 
 
53
  }
54
 
55
+ .wp-fb-plugin .btn-block {
56
  display: block;
57
  width: 100%;
58
  padding-right: 0;
59
  padding-left: 0;
60
  }
61
+ .wp-fb-plugin .post-box.bg {
62
  border: 1px solid #dcdbdb;
63
+ background-image:none;
64
+ }
65
+
66
+ .wp-fb-plugin .main-banner a.fb-main-pic img {
67
+ margin-top: 18px;
68
  }
69
+ .feed_main_widget .main-banner a.fb-main-pic img {
70
+ min-width: 50px;
71
+ min-height: 50px;
72
+ border: 2px solid #fff;
73
+ box-shadow: 0 1px 6px rgba(0, 0, 0, .5);
74
+ }
75
+
76
  /*---- full-width---*/
77
+ .wp-fb-plugin.feed_main_widget .facebook-feed-top-area {
78
+ margin-bottom: 1px;
79
+ /* bottom: 0; */
80
+ top: 0;
81
+ border-radius: 0px;
82
+ position: absolute;
83
+ width: 100%;
84
+ margin: 0 auto;
85
+ /* border-radius: 4px; */
86
+ right: 0;
87
+ left: 0;
88
+ padding: 7px;
89
+ padding-top: 15px;
90
+ overflow:visible;
91
+ }
92
 
93
+ .wp-fb-plugin .post-box{
94
  margin: 12px 0px;
95
  padding: 15px;
96
+ background-color: #fff;
97
  }
98
+ .feed_main_widget .post-box .logo-left{
99
  padding:0px;
100
  }
101
+ .feed_main_widget .post-box .logo-left img{
102
+ width:100%;
103
  padding: 5px 0px;
104
+ min-width: 50px;
105
+ min-height: 50px;
106
  }
107
+ .feed_main_widget .post-box .logo-right h5 a {
108
  color: #000;
109
  font-weight: bold;
110
  font-size: 16px;
111
  }
112
+ .wp-fb-plugin .post-box .logo-right {
113
  padding:5px 15px;
114
  }
115
+ .wp-fb-plugin .post-box .logo-right h6 .fa {
116
+ font-size: 14px;
117
+ color: #424242;
118
+ font-weight: normal;;
119
  }
120
+
121
+ .wp-fb-plugin .post-box .logo-right h6 {
122
  font-size: 14px;
123
+ margin:0px;
124
+ }
125
+ .wp-fb-plugin .box h5.post_font_color {
126
+ font-weight: normal;
127
+ padding-bottom: 7px;
128
+ margin:0px!important;
129
+ }
130
+ .wp-fb-plugin .box h6.post_font_color {
131
+ font-weight: normal;
132
+ padding-bottom: 7px;
133
+ margin:0px!important;
134
+ color:#949494!important;
135
  }
136
+ .wp-fb-plugin h5.post_font_color {
137
+ font-weight: normal;
138
+ padding-bottom: 7px;
139
+ margin:0px!important;
140
+ }
141
+ .wp-fb-plugin .post-box h1
142
  {
143
  margin:0px;
144
  font-weight:bold;
145
  text-shadow: 1px 1px 2px #000000;
146
  font-size: 20px !important;
147
  }
148
+ .wp-fb-plugin .post-box p.text{
149
  color: #000000;
150
  font-size: 14px;
151
  letter-spacing:1px;
152
  }
153
+ .wp-fb-plugin .post-box .post-img{
154
+ border: 1px solid #e3e3e3;
155
+ padding: 5px!important;
156
  cursor: pointer;
157
  }
158
+ .wp-fb-plugin .post-box .post-img img{
159
  display: block;
160
  width:100%;
161
  }
162
+ .wp-fb-plugin .post-box .post-img iframe{
163
  width:100%;
164
  }
165
+ .wp-fb-plugin .post-box .post-img:hover{
166
  display: block;
167
  box-shadow: 0 0 8px #ccc;
168
  -webkit-transition: all .4s ease-in-out;
169
  transition: all .4s ease-in-out;
170
  }
171
+ .wp-fb-plugin .post-box .post-img .overlay {
172
  position: absolute;
173
  top: 0;
174
  bottom: 0;
181
  background-color: rgba(0,0,0,0.2);
182
  }
183
 
184
+ .wp-fb-plugin .post-box .post-img:hover .overlay {
185
  opacity: 1;
186
  }
187
+ .wp-fb-plugin .post-box .post-img .overlay .overlaytext {
188
  color: white;
189
  font-size: 20px;
190
  position: absolute;
193
  transform: translate(-50%, -50%);
194
  -ms-transform: translate(-50%, -50%);
195
  }
196
+ .wp-fb-plugin .post-box .post-img .overlay .overlaytext a .fa{
197
  background-color: #000000b3;
198
  padding: 10px;
199
  font-size: 25px;
200
  color:#fff;
201
  }
202
 
203
+ .wp-fb-plugin .wp-fb-plugin .post-box .bar{
204
  background-color:#fff;
205
  margin-top: 25px;
206
+ box-shadow:none;
207
+ border:1px solid #e9e9e9;
208
  }
209
+ .wp-fb-plugin .like_comment_div .feed_main_div
210
  {
211
  display: none !important;
212
  }
213
+ .wp-fb-plugin .post-box .bar .bar-left{
214
  text-align:left;
215
+ padding:0px 15px!important;
216
+ font-size: 14px;
217
  }
218
+ .wp-fb-plugin .post-box .bar .bar-left span.like,
219
+ .wp-fb-plugin .post-box .bar .bar-left span.share,
220
+ .wp-fb-plugin .post-box .bar .bar-left span.comment {
221
+ margin-right: 10px;
222
  font-weight: bold;
223
+ cursor: pointer;
224
+ display: inline-block;
225
+ height: 40px;
226
+ text-align: center;
227
+ text-align: center;
228
+ line-height: 40px;
229
+
230
  }
231
+ .wp-fb-plugin .post-box .bar .bar-left .fa{
232
  margin-right:5px;
233
  color:#777;
234
  }
235
+ .wp-fb-plugin .post-box .bar .bar-right {
236
+ padding: 3px 7px!important;
237
+ position: absolute;
238
+ right: 0;
239
+ top: 0;
240
  }
241
+ .wp-fb-plugin .post-box .bar .bar-right a {
242
  color: #777;
243
+ display: block;
244
+ padding: 0px 7px;
245
+ font-size: 15px;
246
+ line-height: 34px;
 
 
 
247
  }
248
+ .wp-fb-plugin .post-box .bar .bar-right li a:hover{
249
  color:#000;
250
  }
251
+ .wp-fb-plugin .bar .bar-left .panel {
252
  display: none;
253
+ border-top: 1px solid #ccc;
254
  background-color: white;
255
+ width:100%!important;
256
  -webkit-transition:all .4s ;
257
  }
258
+ .wp-fb-plugin .bar .bar-left .panel p.post-comment-likes{
259
  width: 100%;
260
  min-width: 100%;
261
  float: left;
269
  box-sizing: border-box;
270
  margin: 6px 0px 6px 0px;
271
  }
272
+ .wp-fb-plugin .bar .bar-left .panel p.post-comment-likes span.post-reactions{
273
  float: left;
274
  padding-top: 1px;
275
  font-size: 11px;
276
  line-height: 13px !important;
277
  }
278
+ .wp-fb-plugin span.post-like, .wp-fb-plugin span.post-love, .wp-fb-plugin span.post-wow{
279
  font-size:15px;
280
  margin-right: 5px;
281
  }
282
 
283
+ .wp-fb-plugin .bar .bar-left .panel p.post-comment-likes span.post-likes-text{
284
  font-size: 13px;
285
  margin-left: 10px;
286
  }
287
+ .wp-fb-plugin .bar .bar-left .panel p.post-comment-likes span.post-likes-text a{
288
  color: #033f74;
289
  }
290
+ .wp-fb-plugin p.post-comments{
291
  width: 100%;
292
  min-width: 100%;
293
  float: left;
300
  -moz-box-sizing: border-box;
301
  box-sizing: border-box;
302
  }
303
+ .wp-fb-plugin p.post-comments a{
304
  font-size:15px;
305
  color: #033f74;
306
  }
307
+
308
+ .wp-fb-plugin .bg .bar{
309
+ padding: 0px;
310
+ border: 1px solid #dfdfdf;
311
+ box-shadow: 0 1px 10px #cecece;
312
+ background-color:#fff!important;
313
+ }
314
+ .wp-fb-plugin .post-comment{
315
  width: 100%;
316
  min-width: 100%;
317
  float: left;
325
  box-sizing: border-box;
326
  }
327
 
328
+ .wp-fb-plugin .post-comment .post-comment-img{
329
  padding:0px;
330
  }
331
+ .wp-fb-plugin .post-comment .post-comment-img img{
332
  /* width:100%; */
333
  }
334
+ .wp-fb-plugin .post-comment .post-comment-text-wrapper .post-comment-text p{
335
  padding: 0 ;
336
  margin: 0 ;
337
  line-height: 1.4;
339
  font-size: 12px;
340
  font-weight: bold;
341
  }
342
+ .wp-fb-plugin .post-comment .post-comment-text-wrapper .post-comment-text p a{
343
  color: #033f74;
344
  }
345
  /*---- half-width---*/
346
+ .wp-fb-plugin .half-width .post-box .post-title {
347
  float: right;
348
  }
349
+ .wp-fb-plugin .half-width .post-box .post-img{
350
  float:left;
351
  padding-top:0px;
352
  }
353
 
354
  /*---- thumblin---*/
355
+ .wp-fb-plugin .thumblin .post-box .post-title{
356
  float:right;
357
  }
358
+ .wp-fb-plugin .thumblin .post-box .post-img{
359
  float:left;
360
  }
361
 
362
+ .wp-fb-plugin .thumblin .post-box .post-img iframe {
363
  width: 100%;
364
  height: 104px;
365
  }
366
 
367
  /*---- group-full-page---*/
368
+ .wp-fb-plugin .group.full-width .post-box .post-img .post-full-img{
369
  padding:0px;
370
  }
371
+ .wp-fb-plugin .group.full-width .post-box .post-img .post-thum-img{
372
  padding:0px;
373
  }
374
+ .wp-fb-plugin .group.full-width .post-box .post-img .post-thum-img img{
375
  height:180px;
376
  }
377
+ .wp-fb-plugin .group.full-width .post-box .post-img .post-thum-img span {
378
  position: absolute;
379
  width: 100%;
380
  text-align: center;
387
  font-size: 40px;
388
  }
389
  /*---- group-half-page---*/
390
+ .wp-fb-plugin .group.half-width .post-box .post-img .post-full-img{
391
  padding:0px;
392
  }
393
+ .wp-fb-plugin .group.half-width .post-box .post-img .post-thum-img{
394
  padding:0px;
395
  }
396
+ .wp-fb-plugin .group.half-width .post-box .post-img .post-thum-img img{
397
  height:110px;
398
  }
399
+ .wp-fb-plugin .group.half-width .post-box .post-img .post-thum-img span {
400
  position: absolute;
401
  width: 100%;
402
  text-align: center;
408
  color: #000;
409
  font-size: 40px;
410
  }
411
+ .wp-fb-plugin .post-box.bg p{
412
  font-size:14px;
413
  }
414
+ .wp-fb-plugin .container-flut.gallaries .gallery-img p{
415
  font-size: 14px!important;
416
  float: left;
417
  padding-right: 8px;
422
 
423
  }*/
424
  /*---- group-thumblin-page---*/
425
+ .wp-fb-plugin .group.thumblin .post-box .post-img .post-full-img{
426
  padding:0px;
427
  }
428
+ .wp-fb-plugin .group.thumblin .post-box .post-img .post-thum-img{
429
  padding:0px;
430
  }
431
+ .wp-fb-plugin .group.thumblin .post-box .post-img .post-thum-img img{
432
  height:50px;
433
  }
434
+ .wp-fb-plugin .group.thumblin .post-box .post-img .post-thum-img span {
435
  position: absolute;
436
  width: 100%;
437
  text-align: center;
447
  @media (max-width: 768px) {
448
 
449
 
450
+ .wp-fb-plugin .half-width .post-box .logo-left {
451
  padding: 13px 0px;
452
  }
453
  }
454
  @media (max-width: 480px){
455
 
456
+ .wp-fb-plugin .post-box .logo-left {
457
+ padding: 0px 0px;
458
  }
459
+ .wp-fb-plugin .post-box .bar .bar-left {
460
  padding: 13px 2px;
461
  font-size: 12px;
462
  }
463
+ .wp-fb-plugin .post-box .bar .bar-left span.like, span.share, span.comment {
464
  margin-right: 5px;
465
  }
466
+
 
 
467
  }
468
 
469
+ .wp-fb-plugin .div-overlay h3 span
470
  {
471
  color: #fff;
472
  }
473
 
474
 
475
 
476
+ .wp-fb-plugin .btn-block+.btn-block {
477
  margin-top: 5px;
478
  }
479
 
480
+ .wp-fb-plugin .btn-facebook {
481
  color: #fff;
482
  background-color: #3b5998;
483
  border-color: rgba(0,0,0,0.2);
484
  }
485
 
486
+ .wp-fb-plugin .btn-block {
 
 
 
 
 
 
 
 
487
  display: block;
488
  width: 100%;
489
  padding-right: 0;
490
  padding-left: 0;
491
  }
492
+ .wp-fb-plugin .bg{
493
  /* background-image: url(../images/bg01.jpeg); */
494
  /*padding:20px 0px !important;*/
495
  }
496
+ .wp-fb-plugin .bg .box{
497
  background-color: #fff;
498
  margin-bottom: 20px;
499
  padding: 1px 15px;
500
  border-bottom: 1px solid #e0e0e0;
501
  -webkit-transition:all .4s ;
502
+ transition:all .4s ;
503
  }
504
+ .wp-fb-plugin .bg .post-box:hover{
505
  -webkit-transition:all .4s ;
506
+ transition:all .4s ;
507
  box-shadow: 0 0 10px #777;
508
  }
509
 
510
+
511
+ .wp-fb-plugin .bg i.fa.fa-twitter {
 
 
 
 
 
 
 
 
 
512
  color: #00acee;
513
  }
514
+ .wp-fb-plugin .bg i.fa.fa-google-plus{
515
  color: #de6463;
516
  }
517
+ .wp-fb-plugin .bg i.fa.fa-facebook{
518
  color: #3a5898;
519
  }
520
+ .wp-fb-plugin .bg i.fa.fa-twitter:hover {
521
  color: #000;
522
  }
523
+ .wp-fb-plugin .bg i.fa.fa-google-plus:hover{
524
  color: #000;
525
  }
526
+ .wp-fb-plugin .bg i.fa.fa-facebook:hover{
527
  color: #000;
528
  }
529
+ .wp-fb-plugin .wp-fb-plugin .bg .post-img {
530
+ padding: 5px;
531
  border: 1px solid #e4e4e4;
532
 
533
  /*padding: 20px;*/
534
  }
535
 
536
  @media (max-width: 768px) {
537
+ .wp-fb-plugin .thumblin .bg .logo-left {
538
  padding: 12px 0px;
539
  }
540
  }
541
  @media (max-width: 480px){
542
+ .wp-fb-plugin .bg .bar .bar-left {
543
  padding: 17px 15px;
544
  }
545
  }
546
+ .wp-fb-plugin .ffp_attach_div
547
  {
548
  padding-left:0px !important;
549
  margin-top: 10px !important;
550
  }
551
+
552
+
553
+
554
  /*custom box css start*/
555
 
556
+ .width100per {
557
  width: 100%;
558
  }
559
  body {
806
  width: 100%;
807
  height: 100%;
808
  }
809
+ .wp-fb-plugin .product-gallery-popup {
810
  position: fixed;
811
  top: 0;
812
  left: 0;
815
  display: none;
816
  z-index: 9999;
817
  }
818
+ .wp-fb-plugin .product-gallery-popup .product-popup-content {
819
  position: absolute;
820
  width: 980px;
821
  max-height: 580px;
830
  padding: 15px;
831
  }
832
 
833
+ .wp-fb-plugin .product-image {
834
  /* height: 580px; */
835
  overflow: hidden;
836
  position: relative;
837
  text-align: center;
838
  }
839
+ .wp-fb-plugin .product-image img
840
  {
841
  width:100% !important;
842
  max-height: 100%;
843
  }
844
+ .wp-fb-plugin .cross {
845
  position: absolute;
846
  top: 10px;
847
  right: 10px;
1657
  }
1658
  /*custom box css end*/
1659
 
1660
+
1661
+
1662
+
1663
+
1664
  .feed_main_div .post_font_color {
1665
  font-weight: normal;
1666
  }
2145
  color: #000 !important;
2146
  }
2147
 
2148
+ .wp-fb-plugin .facebook-feed-top-area {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2149
  margin-bottom: 1px;
2150
+ bottom: -30px;
2151
+ padding-bottom: 8px;
2152
  position: absolute;
2153
  width: 94%;
2154
  margin: 0 auto;
 
2155
  border-radius: 4px;
2156
+ /* background: rgba(255, 255, 255, 0.73); */
2157
+ /* box-shadow: 0px 0px 18px #929292; */
2158
  right: 0;
2159
  left: 0;
2160
  padding-top: 15px;
2161
+ /* background: #0098ff; */
2162
+ /* border-bottom: 3px solid #0b79c3; */
2163
  overflow: hidden;
2164
  }
 
 
 
2165
 
2166
+ .wp-fb-plugin .facebook-feed-top-info-inner h3 {
 
 
 
2167
  margin: 0;
2168
  font-weight: bold;
2169
  text-shadow: 1px 1px 3px #fff;
2170
  }
2171
+ .wp-fb-plugin .facebook-feed-top-info-inner p span{
2172
  font-weight:bold;
2173
  }
2174
+ .wp-fb-plugin .facebook-feed-top-info-inner p{
2175
  font-size: 16px;
2176
  color: #000;
2177
  padding-left: 6px;
2178
 
2179
  }
2180
+
2181
+ .wp-fb-plugin .facebook-feed-top-info-inner {
 
 
 
 
 
 
2182
  position: absolute;
2183
  bottom: 0;
 
2184
  margin-left: 7px;
2185
  }
2186
+
2187
+ .wp-fb-plugin .facebook-feed-top-info-inner h3 a {
2188
+ text-decoration: none;
2189
+ font-size: 20px;
2190
+ font-weight: bold;
2191
+ color: #fff;
2192
+ text-shadow: 0 2px 3px rgba(169, 169, 169, 0.9);
2193
  }
2194
+
2195
+ .wp-fb-plugin.feed_main_widget .facebook-feed-top-info-inner p {
2196
+ font-size: 14px;
2197
+ }
2198
+ .wp-fb-plugin.feed_main_widget .facebook-feed-top-info-inner h3 a {
2199
  text-decoration: none;
2200
+ font-size: 16px;
2201
+
2202
  }
2203
+
2204
+ .wp-fb-plugin .btn-secondary.feed_header_link {
2205
+ background-color: #4875ce;
2206
+ border-color: #ced0d4;
2207
+ font-size: 14px;
2208
+ padding: 3px 14px;
2209
+ border-radius: 2px;
2210
+ box-shadow: 2px 2px 5px #AAA!important;
2211
+ display: block;
2212
+ line-height: 30px;
2213
  color: #fff;
 
 
2214
  }
2215
+
2216
+ .wp-fb-plugin.feed_main_widget .btn-secondary.feed_header_link {
2217
+ font-size: 11px!important;
2218
+ padding: 1px 5px!important;
2219
+ line-height: 25px;
2220
+ margin-top:34px!important;
2221
+ }
2222
+ .wp-fb-plugin.feed_main_widget .main-banner a.fb-main-pic img{
2223
+
2224
+
2225
+ }
2226
+ .wp-fb-plugin i.fa.fa-facebook {
2227
  padding-right: 6px;
2228
  border-right: 1px solid;
2229
  margin-right: 4px;
2230
  }
2231
 
2232
+ .wp-fb-plugin .btn-block {
 
 
 
 
 
 
 
 
 
 
2233
  display: block;
2234
  width: 100%;
2235
  padding-right: 0;
2239
 
2240
 
2241
  /*---aad-new---*/
2242
+ .wp-fb-plugin .gallery-img p strong {
2243
  padding-right: 6px;
2244
  display: inline-block;
2245
  }
2246
 
2247
 
2248
+ .wp-fb-plugin .event_desc {
2249
  margin-bottom: 50px;
2250
  }
2251
 
2252
+ .wp-fb-plugin .event-blog-img
2253
  {
2254
  padding: 14px 0px;
2255
  }
2256
+ .wp-fb-plugin .gallery-photos{
2257
  margin:60px 0px;
2258
  }
2259
+ .wp-fb-plugin .card-footer {
2260
  position: relative;
2261
  padding: 5px;
2262
  position: absolute;
2372
  {
2373
  margin-bottom: 10px !important;
2374
  }
2375
+ .facebook_feed_more_page
2376
+ {
2377
+ color: #4875ce !important;
2378
+ font-weight: bold!important;
2379
+ }
2380
+ .facebook_feed_more_widget
2381
  {
2382
+ color: #4875ce !important;
2383
+ font-weight: bold!important;
2384
  }
2385
  ffp_attach_div
2386
  {
2696
  transition-duration: 0.35s;
2697
  }
2698
  /*---edit--*/
2699
+ .wp-fb-plugin .blog-grid {
2700
  color:#333;
2701
  text-align:left;
2702
  margin:0px 15px;
2703
  }
2704
+ .wp-fb-plugin .blog-grid .blog-author-pic{
2705
  width:40px;
2706
  height:40px;
2707
  float: left;
2708
  margin-right:10px;
2709
 
2710
  }
2711
+ .wp-fb-plugin .blog-grid h4 {
2712
  margin-bottom:4px;
2713
  }
2714
+ .wp-fb-plugin .blog-grid h5{
2715
  font-size:12px;
2716
  padding:0px;
2717
  }
2718
+ .wp-fb-plugin .post-footer-option {
2719
 
2720
 
2721
  }
2722
+ .wp-fb-plugin .post-footer-option li a {
2723
  color: #fff;
2724
  font-weight: 500;
2725
  font-size: 20px;
2726
  }
2727
 
2728
+ .wp-fb-plugin .post-footer-option li {
2729
  float: unset;
2730
  width: 14%;
2731
  background-color:red;
2736
 
2737
  /* padding-bottom: 0px; */
2738
  }
2739
+ .wp-fb-plugin .social-link-2 ul li ul {
2740
  bottom: 34px!important;
2741
  }
2742
+
2743
+ .wp-fb-plugin .post-box .bar .bar-right ul {
 
 
 
2744
  list-style: none;
 
 
2745
  padding: 0px;
2746
+ padding: 0px!important;
2747
+ background-color:#fff;
2748
+ margin:0px;
2749
+
2750
+ }
2751
+
2752
+ .wp-fb-plugin .social-link-2 ul li ul {
2753
+ position: absolute;
2754
+ display: none!important;
2755
+ bottom: 40px;
2756
+ color:#333;
2757
+ }
2758
+ .wp-fb-plugin .social-link-2 ul li:hover ul {
2759
+ display:block!important;
2760
+ }
2761
+ .wp-fb-plugin .social-link-2 ul>li>ul>li>a {
2762
+ color:#333!important;
2763
  }
2764
 
2765
  /*---------------*/
2786
  @media (min-width: 992px) {
2787
 
2788
  }
2789
+
 
 
 
 
2790
  .btn.btn-primary{
2791
  background-color: #4267b2;
2792
  border-bottom: 1px solid #29487d;
2983
  body{
2984
 
2985
  background-color:#000;
2986
+ }
2987
+ @media only screen and (max-width: 1023px) {
2988
+
2989
+ .facebook-feed-top-info-inner {
2990
+ position: static!important;
2991
+ bottom: 0;
2992
+ margin-left: 7px;
2993
+ }
2994
+ .wp-fb-plugin .facebook-feed-top-info.pull-left {
2995
+ float: none;
2996
+ margin: 0;
2997
+ clear: both;
2998
+ }
2999
+ .feed_main_widget.wp-fb-plugin .post-box {
3000
+ /* margin: 12px 0px; */
3001
+ clear: both;
3002
+ display: -webkit-box!important;
3003
+ }
3004
+
3005
+ .feed_main_widget .facebook-feed-top-info-inner{
3006
+ position:absolute!important;
3007
+ }
3008
+
3009
  }
3010
  @media only screen and (max-width: 767px) and (min-width: 320px){
3011
  .order_change {
3013
  flex-wrap: wrap;
3014
  justify-content: center;
3015
  }
3016
+
3017
+
3018
  .pic {
3019
  order: 1;
3020
  }
3022
  .text {
3023
  order: 2;
3024
  }
3025
+ .wp-fb-plugin .facebook-feed-top-info-inner.pull-left {
3026
+ float: none;
3027
+ }
3028
+ .wp-fb-plugin .facebook-feed-top-info.pull-left {
3029
+ float: none;
3030
+ margin: 0;
3031
+ clear: both;
3032
+ }
3033
+ .wp-fb-plugin .facebook-feed-top-info {
3034
+ height: 66px;
3035
+ }
3036
+ .feed_main_widget.wp-fb-plugin .post-box {
3037
+ /* margin: 12px 0px; */
3038
+ clear: both;
3039
+ display: -webkit-box!important;
3040
+ }
3041
+ .feed_main_widget .facebook-feed-top-info-inner {
3042
+ position: absolute!important;
3043
+ }
3044
+
3045
  }
3046
  #event .blog-grid {
3047
  margin: 0px 0px!important;
3338
  width: 195px;
3339
  height: 800px;
3340
  display: block;
3341
+ /* -webkit-transform: rotate(-90deg);
3342
  -moz-transform: rotate(-90deg);
3343
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
3344
  }
3345
  .column{
3346
  height: 125px;
3347
  width: 125px;
3348
+ /* -webkit-transform: rotate(90deg);
3349
  -moz-transform: rotate(90deg);
3350
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
3351
  }
3352
 
3353
 
3426
  }
3427
  /*----timeline-page-css---*/
3428
 
3429
+ /*----feed_main_widget---*/
3430
+ .feed_main_widget .facebook-feed-top-info-inner{
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3431
 
3432
+ left:0px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3433
  }
3434
 
 
 
 
 
 
 
 
 
3435
 
 
 
 
 
 
 
 
3436
 
 
3437
 
3438
+ .feed_main_widget .facebook-feed-top-area, .feed_main_widget .facebook-feed-top-info-inner{
3439
+ text-align: left;
 
 
 
 
 
 
 
 
 
 
 
3440
  }
3441
+ .wp-fb-plugin .bg .box {
3442
+ /* clear: both; */
3443
+ display: inline-table!important;
3444
+ padding: 1px 1px;
3445
  box-shadow:none!important;
 
 
3446
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3447
 
 
 
 
 
3448
  }
3449
 
3450
+ .feed_main_widget .feed_main_div h5.post_font_color {
3451
+ margin-bottom: 0px;
 
 
 
 
 
 
 
 
 
 
 
3452
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3453
 
3454
+ .feed_main_widget .facebook-feed-top-info{
3455
+ height:auto;
3456
  }
3457
+ .feed_main_widget .facebook-feed-top-img {
3458
+ text-align:center;
3459
+ max-width:50px;
3460
+ max-height:50px;
 
 
 
 
 
 
 
 
 
 
 
 
3461
  }
3462
+ .feed_main_widget .post-box .logo-left img {
 
 
3463
  width: 100%;
3464
+ padding: 0px 0px;
3465
+ border-radius: 2px;
3466
+ box-shadow: 2px 2px 0px #dcdcdc;
3467
+ border: 1px solid #ccc;
3468
+ min-width: 50px;
3469
+ min-height: 50px;
 
 
 
 
 
 
 
3470
  }
3471
+ .feed_main_widget .post-box .bar .bar-left {
3472
+ padding: 9px 15px;
 
 
3473
  }
3474
+ .wp-fb-plugin .social-link-2 ul li ul li {
3475
+ font-size: 20px;
3476
+ display: block;
3477
+ border-radius:0px;
3478
+ /* margin: 0px; */
3479
+ padding: -1px;
3480
+ background: #ccc;
3481
+ width:100%;
3482
+ text-align: center;
3483
  }
css/weblizar-option-style.css CHANGED
@@ -89,7 +89,7 @@ width: 100%;
89
 
90
  /******* Option panel tabs style start ***********/
91
  #weblizar_wrap {background-color:#fff;}
92
- #options_tabs { width:95%; }
93
  #weblizar_wrap .ui-tabs .ui-tabs-nav {
94
 
95
  margin-top: 0;
@@ -968,17 +968,22 @@ h3.feedheading {
968
  display:block!important;
969
  }
970
 
971
- .feed-head-logo img{
972
-
973
- }
974
 
975
  .feed-head {
976
  background-color: #f2f2f2;
977
  padding: 15px 5px;
 
978
  border: 1px solid #ccc;
979
  background: linear-gradient(-47deg, #ececec 32%, #f2f2f2 30%);
 
 
 
 
 
 
 
980
  }
981
-
982
  .search1>a {
983
  padding: 0 20px 0 0;
984
  color:#000;
@@ -1004,9 +1009,10 @@ h3.feedheading {
1004
  margin-top: 40px;
1005
  margin:20px;
1006
  }
1007
- .feed-head-cont h3{
1008
- font-weight:bold;
1009
-
 
1010
  }
1011
  .home-content-top .nav-tabs {
1012
  background-color: #23282d;
@@ -1143,29 +1149,33 @@ a.user_guide_titles {
1143
  }
1144
 
1145
  #wpbody .ms-btn .btn {
1146
- background-image: none!important;
1147
- background-color: #0085ba!important;
1148
- font-size:14px;
1149
  padding:5px!important;
1150
- barder-radius:2px;
1151
- }
 
1152
 
1153
  #wpbody .btn {
1154
- background-color:#0085ba!important;
 
 
 
 
 
 
 
 
1155
  transition: .5s ease;
1156
  color: #fff;
1157
  padding:10px!important;
1158
  height:auto!important;
1159
  font-size:20px;
1160
- border:none!important;
1161
- transition: .2s ease-out;
1162
-
1163
  }
1164
 
1165
-
1166
- .feed-head .btn:hover{
1167
- border:none!important;
1168
- box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
1169
  }
1170
 
1171
  .btn-primary {
@@ -1173,7 +1183,9 @@ a.user_guide_titles {
1173
  background-color: #007bff;
1174
  border-color: #007bff;
1175
  }
1176
-
 
 
1177
  .wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
1178
  font-size: 16px!important;
1179
  }
@@ -1212,28 +1224,42 @@ ol#weblizar_product a {
1212
 
1213
  #get_pro-settings .cs-desc li {
1214
  display: inline-block !important;
1215
- font-size: 14px !important;
1216
-
1217
  font-weight: normal;
1218
- margin: 5px 16px;
1219
-
1220
  width: 30% !important;
1221
- background: #e2e2e2;
 
 
 
 
 
 
 
 
 
 
 
 
 
1222
  border-bottom: 1px solid #cacaca;
1223
- color: #615f5f;
 
 
 
 
 
1224
  }
1225
  .cs-desc li:hover::before{
1226
- content: "\f064";
1227
- font-family: FontAwesome;
1228
- color: #0098ff;
1229
  }
1230
- .cs-desc li::before {
1231
  content: "\f064";
1232
  font-family: FontAwesome;
1233
  padding-right: 10px;
1234
- color: #616161;
1235
- background: #d0d0d0;
1236
- padding: 5px;
1237
  margin-right: 6px;
1238
  display: inline-block;
1239
  }
89
 
90
  /******* Option panel tabs style start ***********/
91
  #weblizar_wrap {background-color:#fff;}
92
+ #options_tabs { }
93
  #weblizar_wrap .ui-tabs .ui-tabs-nav {
94
 
95
  margin-top: 0;
968
  display:block!important;
969
  }
970
 
971
+ .feed-head-logo img{ height:100px; }
 
 
972
 
973
  .feed-head {
974
  background-color: #f2f2f2;
975
  padding: 15px 5px;
976
+ box-shadow: 0px 4px 10px #c3c3c3;
977
  border: 1px solid #ccc;
978
  background: linear-gradient(-47deg, #ececec 32%, #f2f2f2 30%);
979
+ clear:both;
980
+ }
981
+ .feed-head:before{
982
+ content:'';
983
+ border-radius: 50px;
984
+ background:red;
985
+ position: relative;
986
  }
 
987
  .search1>a {
988
  padding: 0 20px 0 0;
989
  color:#000;
1009
  margin-top: 40px;
1010
  margin:20px;
1011
  }
1012
+ .feed-head-cont h3 {
1013
+ font-weight: bold;
1014
+ font-size: 28px;
1015
+ text-shadow: 2px 2px 10px #b7b7b7;
1016
  }
1017
  .home-content-top .nav-tabs {
1018
  background-color: #23282d;
1149
  }
1150
 
1151
  #wpbody .ms-btn .btn {
1152
+ font-size:14px;
 
 
1153
  padding:5px!important;
1154
+ border-radius: 2px;
1155
+
1156
+ }
1157
 
1158
  #wpbody .btn {
1159
+ border-radius: 2px;
1160
+ /* background-image: -webkit-gradient(linear, left top, right top, from(#744fff), color-stop(51%, #21d397), to(#744fff)); */
1161
+ background-image: -webkit-linear-gradient(left, #744fff 0%, #21d397 51%, #744fff 100%);
1162
+ background-image: -o-linear-gradient(left, #744fff 0%, #21d397 51%, #744fff 100%);
1163
+ /* background-image: linear-gradient(to right, #744fff 0%, #21d397 51%, #744fff 100%); */
1164
+ -webkit-transition: all 400ms ease-out;
1165
+ -o-transition: all 400ms ease-out;
1166
+ transition: all 400ms ease-out;
1167
+ background-size: 200% auto;
1168
  transition: .5s ease;
1169
  color: #fff;
1170
  padding:10px!important;
1171
  height:auto!important;
1172
  font-size:20px;
1173
+ border:none!important;
 
 
1174
  }
1175
 
1176
+ .home-content-top .btn:hover{
1177
+ background-position: right center;
1178
+ color: #fff;
 
1179
  }
1180
 
1181
  .btn-primary {
1183
  background-color: #007bff;
1184
  border-color: #007bff;
1185
  }
1186
+ .col-md-4.feed-head-logo {
1187
+ margin-top: 25px;
1188
+ }
1189
  .wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
1190
  font-size: 16px!important;
1191
  }
1224
 
1225
  #get_pro-settings .cs-desc li {
1226
  display: inline-block !important;
1227
+ font-size: 16px !important;
 
1228
  font-weight: normal;
1229
+ margin: 5px 18px;
 
1230
  width: 30% !important;
1231
+ /* background-image: -webkit-gradient(linear, left top, right top, from(#744fff), color-stop(51%, #21d397), to(#744fff)); */
1232
+ background-image: -webkit-linear-gradient(left, #744fff 0%, #21d397 51%, #744fff 100%);
1233
+ background-image: -o-linear-gradient(left, #744fff 0%, #21d397 51%, #744fff 100%);
1234
+ /* background-image: linear-gradient(to right, #744fff 0%, #21d397 51%, #744fff 100%); */
1235
+ -webkit-transition: all 400ms ease-out;
1236
+ -o-transition: all 400ms ease-out;
1237
+ transition: all 400ms ease-out;
1238
+ background-size: 200% auto;
1239
+ border: none;
1240
+ outline: none !important;
1241
+ box-shadow: 4px 4px 12px #ccc!important;
1242
+ border-radius: 50px;
1243
+ cursor: pointer;
1244
+ /* padding: 14px; */
1245
  border-bottom: 1px solid #cacaca;
1246
+ color: #fff;
1247
+ }
1248
+
1249
+ #get_pro-settings .cs-desc li:hover {
1250
+ background-position: right center;
1251
+ color: #fff;
1252
  }
1253
  .cs-desc li:hover::before{
1254
+
 
 
1255
  }
1256
+ .cs-desc li::before {
1257
  content: "\f064";
1258
  font-family: FontAwesome;
1259
  padding-right: 10px;
1260
+ color: #ffffff;
1261
+ background: #5f52c3;
1262
+ padding: 16px;
1263
  margin-right: 6px;
1264
  display: inline-block;
1265
  }
facebook-by-weblizar-help.php CHANGED
@@ -1,20 +1,23 @@
1
  <div class="wrap" id="weblizar_wrap">
2
  <div id="content_wrap">
3
  <!-- tabs left -->
4
- <div class="home-content-top">
5
  <!--our-quality-shadow-->
6
  <div class="clearfix"></div>
 
7
  <div class="feed-head clearfix">
 
8
  <div class="col-md-2 feed-head-logo">
9
- <img src="https://weblizar.com/wp-content/uploads/2016/04/logo.png" class="img-responsive" alt="Weblizar">
10
  </div>
11
- <div class="col-md-10 feed-head-cont ">
12
- <div class="feed-head-cont-inner">
13
- <div class="feed-head-cont-text col-md-7">
14
  <h3> <span class=""><?php _e( 'Facebook Feed & LikeBox', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?> </span> </h3>
15
  <p><?php _e('Display a completely responsive & customizable facebook feed on your website which match with the look and feel of your website', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?>. </p>
16
  </div>
17
- <div class="col-md-5 col-sm-5 search1 text-right pull-right">
 
 
 
18
  <a href="http://wordpress.org/plugins/facebook-by-weblizar/" class="btn button button-primary" target="_blank" title="Support Forum"> <span class="fa fa-comment-o"></span> <?php _e('Support Forum', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?></a>
19
  <a href="<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'readme.txt'; ?>" class="btn button button-primary" target="_blank" title="Theme Changelog"> <span class="fa fa-pencil-square-o"></span> <?php _e('Plugin Change Log', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?></a></li>
20
  <a href="https://weblizar.com/plugins/facebook-feed-pro/" class="text-right btn button rating"><?php _e('Upgrade To Pro', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?> </a>
@@ -33,6 +36,7 @@
33
  </div>
34
  </div>
35
  </div>
 
36
  </div>
37
  <div class="tabbable-panel col-m margin-tops4">
38
  <div class="tabbable-line">
@@ -45,15 +49,7 @@
45
  <li><a id="needhelp">
46
  <div class="dashicons dashicons-editor-help"></div><?php _e('Need Help', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
47
  </a>
48
- </li>
49
- <li><a id="recommendation">
50
- <div class="dashicons dashicons-admin-plugins"></div><?php _e('Plugin Recommendation', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
51
- </a>
52
- </li>
53
- <li><a id="ourproduct">
54
- <div class="dashicons dashicons-plus"></div><?php _e('Our Products', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
55
- </a>
56
- </li>
57
  <li><a id="upgradetopro" ><?php _e('Upgrade to Pro', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></a></li>
58
  </ul>
59
  <?php require_once('help-body.php'); ?>
1
  <div class="wrap" id="weblizar_wrap">
2
  <div id="content_wrap">
3
  <!-- tabs left -->
4
+ <div class="home-content-top feed-head-cont">
5
  <!--our-quality-shadow-->
6
  <div class="clearfix"></div>
7
+ <div class="bg-feed-head">
8
  <div class="feed-head clearfix">
9
+ <div class="col-md-8">
10
  <div class="col-md-2 feed-head-logo">
11
+ <img src="<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'/images/logo.png'; ?>" class="img-responsive" alt="Weblizar">
12
  </div>
13
+ <div class="feed-head-cont-text ">
 
 
14
  <h3> <span class=""><?php _e( 'Facebook Feed & LikeBox', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?> </span> </h3>
15
  <p><?php _e('Display a completely responsive & customizable facebook feed on your website which match with the look and feel of your website', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?>. </p>
16
  </div>
17
+ </div>
18
+ <div class="col-md-4 feed-head-cont ">
19
+ <div class="feed-head-cont-inner">
20
+ <div class="text-right pull-right">
21
  <a href="http://wordpress.org/plugins/facebook-by-weblizar/" class="btn button button-primary" target="_blank" title="Support Forum"> <span class="fa fa-comment-o"></span> <?php _e('Support Forum', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?></a>
22
  <a href="<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'readme.txt'; ?>" class="btn button button-primary" target="_blank" title="Theme Changelog"> <span class="fa fa-pencil-square-o"></span> <?php _e('Plugin Change Log', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?></a></li>
23
  <a href="https://weblizar.com/plugins/facebook-feed-pro/" class="text-right btn button rating"><?php _e('Upgrade To Pro', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?> </a>
36
  </div>
37
  </div>
38
  </div>
39
+ </div>
40
  </div>
41
  <div class="tabbable-panel col-m margin-tops4">
42
  <div class="tabbable-line">
49
  <li><a id="needhelp">
50
  <div class="dashicons dashicons-editor-help"></div><?php _e('Need Help', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
51
  </a>
52
+ </li>
 
 
 
 
 
 
 
 
53
  <li><a id="upgradetopro" ><?php _e('Upgrade to Pro', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></a></li>
54
  </ul>
55
  <?php require_once('help-body.php'); ?>
facebook-by-weblizar.php CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  /**
3
  * Plugin Name: Facebook Feed & LikeBox
4
- * Version: 2.5.6
5
  * Description: Display the Facebook Feed and Like box on your website. Its completely customizable, responsive and search engine optimization feeds contents.
6
  * Author: Weblizar
7
  * Author URI: http://www.weblizar.com
@@ -56,7 +56,7 @@ add_action('wp_enqueue_scripts', 'feed_code_script');
56
 
57
  /*** Load Facebook Like Box widgets */
58
  require_once("facebook-by-weblizar-widgets.php");
59
- require_once("facebook-feed-widget.php");
60
  /*** Load Facebook Like Box Shortcode ***/
61
  require_once("facebook-by-weblizar-short-code.php");
62
  /*** Load Facebook Page Feed Shortcode ***/
1
  <?php
2
  /**
3
  * Plugin Name: Facebook Feed & LikeBox
4
+ * Version: 2.5.7
5
  * Description: Display the Facebook Feed and Like box on your website. Its completely customizable, responsive and search engine optimization feeds contents.
6
  * Author: Weblizar
7
  * Author URI: http://www.weblizar.com
56
 
57
  /*** Load Facebook Like Box widgets */
58
  require_once("facebook-by-weblizar-widgets.php");
59
+ //require_once("facebook-feed-widget.php");
60
  /*** Load Facebook Like Box Shortcode ***/
61
  require_once("facebook-by-weblizar-short-code.php");
62
  /*** Load Facebook Page Feed Shortcode ***/
facebook-feed-shortcode-data.php CHANGED
@@ -1,7 +1,7 @@
1
  <?php $facebook_feed_fetch = unserialize(get_option("weblizar_facebook_feed_option_settings"));
2
  if(isset($facebook_feed_fetch["ffp_page_url"])) { $ffp_page_url=$facebook_feed_fetch["ffp_page_url"]; } else {$ffp_page_url="https://www.facebook.com/weblizarstyle/";}
3
  //if(isset($facebook_feed_fetch["ffp_p_a_t"])) { $token=$facebook_feed_fetch["ffp_p_a_t"]; } else {$token="EAAUhkZBaQICMBAE0fugkpqVHZCtgEgLVW4SASG02moiwcEzMfL5wOAOq9eZBQ1eWIkhq1UAdUSilC86GhwqdTi5MaVee3W21O9um5dTtx3D9Pk0wbuP69K2iNHzzEJZAhWVXkaKw3quaHGMejG0vRx7cmgkeUr4ZD";}
4
- if(isset($facebook_feed_fetch["ffp_limit"])) { $ffp_limit=$facebook_feed_fetch["ffp_limit"]; } else {$ffp_limit="5";}
5
  if(isset($_REQUEST['ffp_timeline_statuses'])) { $ffp_timeline_statuses ="statuses";} else { $ffp_timeline_statuses ="none"; }
6
  if(isset($_REQUEST['ffp_timeline_photos'])) { $ffp_timeline_photos="photos" ;} else { $ffp_timeline_photos="none"; }
7
  if(isset($_REQUEST['ffp_timeline_videos'])) { $ffp_timeline_videos="videos" ;} else { $ffp_timeline_videos="none"; }
@@ -21,12 +21,13 @@ if (strpos($ffp_page_url, '?') !== true)
21
  $ffp_page_url=preg_replace('#\?[^?]*$#', '',$ffp_page_url);
22
  }
23
  $header_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access_token=".$token."&fields=fan_count,cover,picture.width(300),name,link";
24
- $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access_token=".$token."&fields=posts.limit(1000){type,source,link,attachments,reactions,comments.limit(3){message,from,comment_count,created_time,id},full_picture,object_id,message,created_time,from,shares}";
25
  //echo $ffp_limit;
26
- if(isset($_POST['action'])=="get_page_like_comment")
27
  {
28
- $post_token="";
29
- if(isset($_REQUEST['post_token'])) { $post_token=$_REQUEST['post_token']; }
 
30
 
31
  $data_string=""?>
32
  <div class="like_comment_div">
@@ -50,7 +51,7 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
50
  if($post_type=='photo')
51
  {
52
  // $data_var=explode("_",$data_var);
53
- $data_string="https://graph.facebook.com/v2.10/".$data_var."?access_token=".$post_token."&fields=created_time,from,id,comments.limit(5){message,from,comment_count,created_time},reactions,name,message";
54
  }
55
 
56
 
@@ -65,30 +66,7 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
65
  {
66
  $create_time=$data_content['created_time'];
67
  $s = strtotime($create_time);
68
- }
69
-
70
- $li=0;$lo=0;$wo=0;$ha=0;$sa=0;$an=0;$th=0;$pri=0;
71
- if(isset($data_content['reactions']))
72
- {
73
- $reactions=sizeof($data_content['reactions']);
74
- //$li=0;$lo=0;$wo=0;$ha=0;$sa=0;$an=0;$th=0;$pri=0;
75
- for($j=0;$j < $reactions; $j++)
76
- {
77
- if(isset($data_content['reactions']['data'][$j]['type']))
78
- {
79
- if($data_content['reactions']['data'][$j]['type']=="LIKE") { $li++; }
80
- if($data_content['reactions']['data'][$j]['type']=="LOVE") { $lo++; }
81
- if($data_content['reactions']['data'][$j]['type']=="WOW") { $wo++; }
82
- if($data_content['reactions']['data'][$j]['type']=="HAHA") { $ha++; }
83
- if($data_content['reactions']['data'][$j]['type']=="SAD") { $sa++; }
84
- if($data_content['reactions']['data'][$j]['type']=="ANGRY") { $an++; }
85
- if($data_content['reactions']['data'][$j]['type']=="THANKFUL") { $th++; }
86
- if($data_content['reactions']['data'][$j]['type']=="PRIDE") { $pri++; }
87
- }
88
-
89
- }
90
- }
91
- ?>
92
  <!-- <div class="product-information lightbox-caption text"> -->
93
 
94
 
@@ -173,11 +151,11 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
173
  <li>
174
  <a href="#"><i class="fa fa-thumbs-up"></i> Like </a>
175
  <ul>
176
- <li class="tooltip-new"><a href="#"><i class="fa fb s-3"><span class="tooltiptext like"><?php if(isset($li)) { echo $li; };?></span> </i> </a> </li>
177
- <li> <a href="#"> <i class="fa fb s-2"><span class="tooltiptext love"><?php if(isset($lo)) { echo $lo; }?></span> </i> </a></li>
178
- <li><a href="#"> <i class="fa fb s-1"> <span class="tooltiptext haha"><?php if(isset($ha)) { echo $ha; }?></span></i> </a></li>
179
- <li><a href="#"> <i class="fa fb s-4"><span class="tooltiptext angry"><?php if(isset($an)) { echo $an; }?> </span> </i> </a></li>
180
- <li><a href="#"> <i class="fa fb s-5"> <span class="tooltiptext"><?php if(isset($th)) { echo $th; }?></span></i> </a></li>
181
  </ul>
182
  </li>
183
  <!--<li> <a data-toggle="collapse" href="#multiCollapseExample12" aria-expanded="false" aria-controls="multiCollapseExample12"> <i class="fa fa-comment"> 0 </i></a></li>-->
@@ -249,7 +227,7 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
249
 
250
  jQuery.fn.Am2_SimpleSlider = function () {
251
  //popup div
252
- $div = $('<div class="product-gallery-popup"> <div class="popup-overlay"></div> <div class="product-popup-content "> <div class="product-image col-md-8"> <div class="ffp_weblizar_img"></div> <div class="gallery-nav-btns"> <a id="nav-btn-next" data-id="0" feed-type="0" feed-post="0" feed-token="0" class="nav-btn next" > <i class="fa fa-arrow-circle-o-right"> </i></a> <a id="nav-btn-prev" data-id="0" feed-type="0" feed-post="0" feed-token="0" class="nav-btn prev" > <i class="fa fa-arrow-circle-o-left"> </i> </a></div> </div><div class="product-information text col-md-4"><div class="custom_box_load_div" style="text-align:-webkit-center;"> <img class="custom_box_banner" class="img-responsive" /></div><div class="pull-right"> <h4><a href=""></a></h4> <h5></h5></div><div class="card-footer text-muted" style="display:none"> <div class="moment-link pull-left text-muted"> <ul> <li> <a href="#"> <i class="fa fa-thumbs-up"> 0 </i> </a> <ul> <li class="tooltip-new"> <a href="#"> <i class="fa fb s-3"><span class="tooltiptext like"> </span> </i> </a> </li> <li> <a href="#"> <i class="fa fb s-2"><span class="tooltiptext love"> </span> </i> </a></li> <li><a href="#"> <i class="fa fb s-1"> <span class="tooltiptext haha"> </span></i> </a></li><li><a href="#"> <i class="fa fb s-4"><span class="tooltiptext angry"> </span> </i> </a></li> <li><a href="#"> <i class="fa fb s-5"> <span class="tooltiptext "> </span></i> </a></li> </ul></li> <li> <a data-toggle="collapse" href="#multiCollapseExample12" aria-expanded="false" aria-controls="multiCollapseExample12"> <i class="fa fa-comment"> 0 </i></a></li></ul></div></div><div class="comment-area col-md-12 padding-0" id="multiCollapseExample1"><p style="display:none"> Comment on Facebook </p> <div class="weblizar-comment"></div></div> </div> <div class="clear"></div><a href="#" class="cross">X</a></div></div>').appendTo('body');
253
 
254
  //on image click
255
  $(this).click(function () {
@@ -267,18 +245,21 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
267
  var val=jQuery(this).find('dialog').attr('data-id');
268
  var typ=jQuery(this).find('dialog').attr('feed-type');
269
  var post_type=jQuery(this).find('dialog').attr('feed-post');
270
- var post_token=jQuery(this).find('dialog').attr('feed-token');
 
 
271
  jQuery(".feed_demo_cls").hide();
272
- jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='https://media.giphy.com/media/xULW8DvRGJoB6dlD7a/giphy.gif' height='50' width='50'/></div>");
273
  jQuery.ajax({
274
  type: "POST",
275
  url: location.href,
276
  data : {
277
- 'action':'get_page_like_comment',
278
  'id':val,
279
  'type':typ,
280
  'post_types':post_type,
281
- 'post_token':post_token,
 
282
  },
283
  success : function(data){
284
 
@@ -319,19 +300,22 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
319
  // console.log(val);
320
  var typ=jQuery(this).attr('feed-type');
321
  var post_type=jQuery(this).attr('feed-post');
322
- var post_token=jQuery(this).attr('feed-token');
 
 
323
  jQuery(".feed_demo_cls").hide();
324
- jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='https://media.giphy.com/media/xULW8DvRGJoB6dlD7a/giphy.gif' height='50' width='50'/></div>");
325
  //jQuery(".custom_box_load_div").show();
326
  jQuery.ajax({
327
  type: "POST",
328
  url: location.href,
329
  data : {
330
- 'action':'get_page_like_comment',
331
  'id':val,
332
  'type':typ,
333
  'post_types':post_type,
334
- 'post_token':post_token,
 
335
  },
336
  success : function(data){
337
 
@@ -369,19 +353,22 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
369
  var val=jQuery(this).attr('data-id');
370
  var typ=jQuery(this).attr('feed-type');
371
  var post_type=jQuery(this).attr('feed-post');
372
- var post_token=jQuery(this).attr('feed-token');
 
 
373
  jQuery(".feed_demo_cls").hide();
374
- jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='https://media.giphy.com/media/xULW8DvRGJoB6dlD7a/giphy.gif' height='50' width='50'/></div>");
375
  //jQuery(".custom_box_load_div").show();
376
  jQuery.ajax({
377
  type: "POST",
378
  url: location.href,
379
  data : {
380
- 'action':'get_page_like_comment',
381
  'id':val,
382
  'type':typ,
383
  'post_types':post_type,
384
- 'post_token':post_token,
 
385
  },
386
  success : function(data){
387
  like_comment = jQuery(data).find('div.like_comment_div');
@@ -434,19 +421,22 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
434
  var val=jQuery(this).attr('data-id');
435
  var typ=jQuery(this).attr('feed-type');
436
  var post_type=jQuery(this).attr('feed-post');
437
- var post_token=jQuery(this).attr('feed-token');
 
 
438
  jQuery(".feed_demo_cls").hide();
439
- jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='https://media.giphy.com/media/xULW8DvRGJoB6dlD7a/giphy.gif' height='50' width='50'/></div>");
440
  //jQuery(".custom_box_load_div").show();
441
  jQuery.ajax({
442
  type: "POST",
443
  url: location.href,
444
  data : {
445
- 'action':'get_page_like_comment',
446
  'id':val,
447
  'type':typ,
448
  'post_types':post_type,
449
- 'post_token':post_token,
 
450
  },
451
  success : function(data){
452
  //jQuery("#custom_box_load_div").hide();
@@ -486,19 +476,22 @@ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access
486
  var val=jQuery(this).attr('data-id');
487
  var typ=jQuery(this).attr('feed-type');
488
  var post_type=jQuery(this).attr('feed-post');
489
- var post_token=jQuery(this).attr('feed-token');
 
 
490
  jQuery(".feed_demo_cls").hide();
491
- jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='https://media.giphy.com/media/xULW8DvRGJoB6dlD7a/giphy.gif' height='50' width='50'/></div>");
492
  //jQuery(".custom_box_load_div").show();
493
  jQuery.ajax({
494
  type: "POST",
495
  url: location.href,
496
  data : {
497
- 'action':'get_page_like_comment',
498
  'id':val,
499
  'type':typ,
500
  'post_types':post_type,
501
- 'post_token':post_token,
 
502
  },
503
  success : function(data){
504
  //jQuery("#custom_box_load_div").hide();
1
  <?php $facebook_feed_fetch = unserialize(get_option("weblizar_facebook_feed_option_settings"));
2
  if(isset($facebook_feed_fetch["ffp_page_url"])) { $ffp_page_url=$facebook_feed_fetch["ffp_page_url"]; } else {$ffp_page_url="https://www.facebook.com/weblizarstyle/";}
3
  //if(isset($facebook_feed_fetch["ffp_p_a_t"])) { $token=$facebook_feed_fetch["ffp_p_a_t"]; } else {$token="EAAUhkZBaQICMBAE0fugkpqVHZCtgEgLVW4SASG02moiwcEzMfL5wOAOq9eZBQ1eWIkhq1UAdUSilC86GhwqdTi5MaVee3W21O9um5dTtx3D9Pk0wbuP69K2iNHzzEJZAhWVXkaKw3quaHGMejG0vRx7cmgkeUr4ZD";}
4
+ if(isset($facebook_feed_fetch["ffp_limit"])) { $ffp_limit=$facebook_feed_fetch["ffp_limit"]; } else {$ffp_limit="10";}
5
  if(isset($_REQUEST['ffp_timeline_statuses'])) { $ffp_timeline_statuses ="statuses";} else { $ffp_timeline_statuses ="none"; }
6
  if(isset($_REQUEST['ffp_timeline_photos'])) { $ffp_timeline_photos="photos" ;} else { $ffp_timeline_photos="none"; }
7
  if(isset($_REQUEST['ffp_timeline_videos'])) { $ffp_timeline_videos="videos" ;} else { $ffp_timeline_videos="none"; }
21
  $ffp_page_url=preg_replace('#\?[^?]*$#', '',$ffp_page_url);
22
  }
23
  $header_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access_token=".$token."&fields=fan_count,cover,picture.width(300),name,link";
24
+ $page_timeline_string="https://graph.facebook.com/v2.10/".$ffp_page_url."?access_token=".$token."&fields=posts.limit(1000){type,source,link,attachments,comments.limit(3){message,from,comment_count,created_time,id},full_picture,object_id,message,message_tags,created_time,from,shares,reactions.type(LOVE).limit(0).summary(total_count).as(reactions_love),reactions.type(WOW).limit(0).summary(total_count).as(reactions_wow),reactions.type(HAHA).limit(0).summary(total_count).as(reactions_haha),reactions.type(PRIDE).limit(0).summary(total_count).as(reactions_pride),reactions.type(THANKFUL).limit(0).summary(total_count).as(reactions_thankful),reactions.type(SAD).limit(0).summary(total_count).as(reactions_sad),reactions.type(LIKE).limit(0).summary(total_count).as(reactions_like),reactions.type(ANGRY).limit(0).summary(total_count).as(reactions_angry)}";
25
  //echo $ffp_limit;
26
+ if(isset($_POST['action'])=="get_feed_like_comment")
27
  {
28
+ //echo $_POST['feed_id'];
29
+ $post_token="EAAUhkZBaQICMBAE0fugkpqVHZCtgEgLVW4SASG02moiwcEzMfL5wOAOq9eZBQ1eWIkhq1UAdUSilC86GhwqdTi5MaVee3W21O9um5dTtx3D9Pk0wbuP69K2iNHzzEJZAhWVXkaKw3quaHGMejG0vRx7cmgkeUr4ZD";
30
+ // if(isset($_REQUEST['post_token'])) { $post_token=$_REQUEST['post_token']; }
31
 
32
  $data_string=""?>
33
  <div class="like_comment_div">
51
  if($post_type=='photo')
52
  {
53
  // $data_var=explode("_",$data_var);
54
+ $data_string="https://graph.facebook.com/v2.10/".$data_var."?access_token=".$post_token."&fields=created_time,from,id,comments.limit(5){message,from,comment_count,created_time},name,message,reactions.type(LOVE).limit(0).summary(total_count).as(reactions_love),reactions.type(WOW).limit(0).summary(total_count).as(reactions_wow),reactions.type(HAHA).limit(0).summary(total_count).as(reactions_haha),reactions.type(PRIDE).limit(0).summary(total_count).as(reactions_pride),reactions.type(THANKFUL).limit(0).summary(total_count).as(reactions_thankful),reactions.type(SAD).limit(0).summary(total_count).as(reactions_sad),reactions.type(LIKE).limit(0).summary(total_count).as(reactions_like),reactions.type(ANGRY).limit(0).summary(total_count).as(reactions_angry)";
55
  }
56
 
57
 
66
  {
67
  $create_time=$data_content['created_time'];
68
  $s = strtotime($create_time);
69
+ }?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  <!-- <div class="product-information lightbox-caption text"> -->
71
 
72
 
151
  <li>
152
  <a href="#"><i class="fa fa-thumbs-up"></i> Like </a>
153
  <ul>
154
+ <li class="tooltip-new"><a href="#"><i class="fa fb s-3"><span class="tooltiptext like"><?php echo $data_content['reactions_like']['summary']['total_count'];?></span> </i> </a> </li>
155
+ <li> <a href="#"> <i class="fa fb s-2"><span class="tooltiptext love"><?php echo $data_content['reactions_love']['summary']['total_count'];?></span> </i> </a></li>
156
+ <li><a href="#"> <i class="fa fb s-1"> <span class="tooltiptext haha"><?php echo $data_content['reactions_haha']['summary']['total_count'];?></span></i> </a></li>
157
+ <li><a href="#"> <i class="fa fb s-4"><span class="tooltiptext angry"><?php echo $data_content['reactions_angry']['summary']['total_count'];?> </i> </a></li>
158
+ <li><a href="#"> <i class="fa fb s-5"> <span class="tooltiptext"><?php echo $data_content['reactions_sad']['summary']['total_count'];?></span></i> </a></li>
159
  </ul>
160
  </li>
161
  <!--<li> <a data-toggle="collapse" href="#multiCollapseExample12" aria-expanded="false" aria-controls="multiCollapseExample12"> <i class="fa fa-comment"> 0 </i></a></li>-->
227
 
228
  jQuery.fn.Am2_SimpleSlider = function () {
229
  //popup div
230
+ $div = $('<div class="product-gallery-popup"> <div class="popup-overlay"></div> <div class="product-popup-content "> <div class="product-image col-md-8"> <div class="ffp_weblizar_img"></div> <div class="gallery-nav-btns"> <a id="nav-btn-next" data-id="0" feed-type="0" feed-post="0" feed-token="0" feed-id="0" class="nav-btn next" > <i class="fa fa-arrow-circle-o-right"> </i></a> <a id="nav-btn-prev" data-id="0" feed-type="0" feed-post="0" feed-token="0" feed-id="0" class="nav-btn prev" > <i class="fa fa-arrow-circle-o-left"> </i> </a></div> </div><div class="product-information text col-md-4"><div class="custom_box_load_div" style="text-align:-webkit-center;"> <img class="custom_box_banner" class="img-responsive" /></div><div class="pull-right"> <h4><a href=""></a></h4> <h5></h5></div><div class="card-footer text-muted" style="display:none"> <div class="moment-link pull-left text-muted"> <ul> <li> <a href="#"> <i class="fa fa-thumbs-up"> 0 </i> </a> <ul> <li class="tooltip-new"> <a href="#"> <i class="fa fb s-3"><span class="tooltiptext like"> </span> </i> </a> </li> <li> <a href="#"> <i class="fa fb s-2"><span class="tooltiptext love"> </span> </i> </a></li> <li><a href="#"> <i class="fa fb s-1"> <span class="tooltiptext haha"> </span></i> </a></li><li><a href="#"> <i class="fa fb s-4"><span class="tooltiptext angry"> </span> </i> </a></li> <li><a href="#"> <i class="fa fb s-5"> <span class="tooltiptext "> </span></i> </a></li> </ul></li> <li> <a data-toggle="collapse" href="#multiCollapseExample12" aria-expanded="false" aria-controls="multiCollapseExample12"> <i class="fa fa-comment"> 0 </i></a></li></ul></div></div><div class="comment-area col-md-12 padding-0" id="multiCollapseExample1"><p style="display:none"> Comment on Facebook </p> <div class="weblizar-comment"></div></div> </div> <div class="clear"></div><a href="#" class="cross">X</a></div></div>').appendTo('body');
231
 
232
  //on image click
233
  $(this).click(function () {
245
  var val=jQuery(this).find('dialog').attr('data-id');
246
  var typ=jQuery(this).find('dialog').attr('feed-type');
247
  var post_type=jQuery(this).find('dialog').attr('feed-post');
248
+ // var post_token=jQuery(this).find('dialog').attr('feed-token');
249
+ var feed_id=jQuery(this).find('dialog').attr('feed-id');
250
+ console.log(feed_id);
251
  jQuery(".feed_demo_cls").hide();
252
+ jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'images/loader.gif'; ?>' height='50' width='50'/></div>");
253
  jQuery.ajax({
254
  type: "POST",
255
  url: location.href,
256
  data : {
257
+ 'action':'get_feed_like_comment',
258
  'id':val,
259
  'type':typ,
260
  'post_types':post_type,
261
+ 'feed_id':feed_id,
262
+ //'post_token':post_token,
263
  },
264
  success : function(data){
265
 
300
  // console.log(val);
301
  var typ=jQuery(this).attr('feed-type');
302
  var post_type=jQuery(this).attr('feed-post');
303
+ //var post_token=jQuery(this).attr('feed-token');
304
+ var feed_id=jQuery(this).find('dialog').attr('feed-id');
305
+ console.log(feed_id);
306
  jQuery(".feed_demo_cls").hide();
307
+ jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'images/loader.gif'; ?>' height='50' width='50'/></div>");
308
  //jQuery(".custom_box_load_div").show();
309
  jQuery.ajax({
310
  type: "POST",
311
  url: location.href,
312
  data : {
313
+ 'action':'get_feed_like_comment',
314
  'id':val,
315
  'type':typ,
316
  'post_types':post_type,
317
+ 'feed_id':feed_id,
318
+ //'post_token':post_token,
319
  },
320
  success : function(data){
321
 
353
  var val=jQuery(this).attr('data-id');
354
  var typ=jQuery(this).attr('feed-type');
355
  var post_type=jQuery(this).attr('feed-post');
356
+ //var post_token=jQuery(this).attr('feed-token');
357
+ var feed_id=jQuery(this).find('dialog').attr('feed-id');
358
+ console.log(feed_id);
359
  jQuery(".feed_demo_cls").hide();
360
+ jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'images/loader.gif'; ?>' height='50' width='50'/></div>");
361
  //jQuery(".custom_box_load_div").show();
362
  jQuery.ajax({
363
  type: "POST",
364
  url: location.href,
365
  data : {
366
+ 'action':'get_feed_like_comment',
367
  'id':val,
368
  'type':typ,
369
  'post_types':post_type,
370
+ 'feed_id':feed_id,
371
+ //'post_token':post_token,
372
  },
373
  success : function(data){
374
  like_comment = jQuery(data).find('div.like_comment_div');
421
  var val=jQuery(this).attr('data-id');
422
  var typ=jQuery(this).attr('feed-type');
423
  var post_type=jQuery(this).attr('feed-post');
424
+ // var post_token=jQuery(this).attr('feed-token');
425
+ var feed_id=jQuery(this).find('dialog').attr('feed-id');
426
+ console.log(feed_id);
427
  jQuery(".feed_demo_cls").hide();
428
+ jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'images/loader.gif'; ?>' height='50' width='50'/></div>");
429
  //jQuery(".custom_box_load_div").show();
430
  jQuery.ajax({
431
  type: "POST",
432
  url: location.href,
433
  data : {
434
+ 'action':'get_feed_like_comment',
435
  'id':val,
436
  'type':typ,
437
  'post_types':post_type,
438
+ 'feed_id':feed_id,
439
+ //'post_token':post_token,
440
  },
441
  success : function(data){
442
  //jQuery("#custom_box_load_div").hide();
476
  var val=jQuery(this).attr('data-id');
477
  var typ=jQuery(this).attr('feed-type');
478
  var post_type=jQuery(this).attr('feed-post');
479
+ //var post_token=jQuery(this).attr('feed-token');
480
+ var feed_id=jQuery(this).find('dialog').attr('feed-id');
481
+
482
  jQuery(".feed_demo_cls").hide();
483
+ jQuery('div.inner_box_'+val).append("<div class='feed_demo_cls' style='text-align:center;'><img id='load_img_comment' src='<?php echo WEBLIZAR_FACEBOOK_PLUGIN_URL.'images/loader.gif'; ?>' height='50' width='50'/></div>");
484
  //jQuery(".custom_box_load_div").show();
485
  jQuery.ajax({
486
  type: "POST",
487
  url: location.href,
488
  data : {
489
+ 'action':'get_feed_like_comment',
490
  'id':val,
491
  'type':typ,
492
  'post_types':post_type,
493
+ 'feed_id':feed_id,
494
+ //'post_token':post_token,
495
  },
496
  success : function(data){
497
  //jQuery("#custom_box_load_div").hide();
facebook-feed-shortcode.php CHANGED
@@ -15,48 +15,43 @@ set_error_handler(
15
  $jsondata = file_get_contents($header_string);
16
  $weblizar_header_data = json_decode($jsondata,true);
17
  $jsondata_post = file_get_contents($page_timeline_string);
18
- $weblizar_data_post = json_decode($jsondata_post,true);?>
 
19
  <div class="clearfix"> </div>
20
- <div class="col-md-12 feed_main_div" id="blog_event">
21
- <div class="main-banner" style="background-image: linear-gradient(to right, black 0%, white 100%), url('<?php if(isset($weblizar_header_data['cover']['source'])) { echo $weblizar_header_data['cover']['source']; }?>') !important;">
 
22
  <div class="facebook-feed-top-area">
23
  <div class="facebook-feed-top-img ">
24
  <a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>" class="fb-main-pic col-md-2 col-sm-2 col-xs-4">
25
- <img src="<?php if(isset($weblizar_header_data['picture']['data']['url'])) { echo $weblizar_header_data['picture']['data']['url']; } ?>" class="img-responsive" alt="Weblizar">
26
  </a>
27
  <div class="facebook-feed-top-info pull-left">
28
  <div class="facebook-feed-top-info-inner pull-left">
29
- <h3>
30
-
31
- <a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>"> <?php if(isset($weblizar_header_data['name'])) { echo $weblizar_header_data['name']; }?> </a>
32
-
33
-
34
  </h3>
35
-
36
- <p> <span> <?php if(isset($weblizar_header_data['fan_count'])) {echo $weblizar_header_data['fan_count']; } else { echo "No";}?></span> people like this </p>
37
-
38
  <div class="clearfix"> </div>
39
  </div>
40
  </div>
41
  </div>
42
 
43
  <div class="facebook-feed-inner-text">
44
- <div class="button-group">
45
-
46
- <a type="button" target="_blank" class="btn btn-secondary feed_header_link" href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>"> <i class="fa fa-facebook"> </i> LIke page </a>
47
-
48
-
49
- <!--<button type="button" class="btn btn-secondary"> Share </button>-->
50
  </div>
51
  </div>
52
  </div>
53
-
54
  </div>
55
  <div class="clearfix"> </div>
56
 
57
  <div class="row container-flut gallaries">
58
  <?php for($y = 0; $y <$ffp_limit; $y++)
59
- {
60
  if(isset($weblizar_data_post["posts"]['data'][$y]['object_id'])){ $id_obj=$weblizar_data_post["posts"]['data'][$y]['object_id']; } ?>
61
  <?php if($weblizar_data_post["posts"]['data'][$y]['type']=='photo')
62
  {
@@ -66,11 +61,10 @@ set_error_handler(
66
  <?php $data_var=explode("_",$weblizar_data_post["posts"]['data'][$y]['id']);
67
  $auther_url="https://graph.facebook.com/". $data_var[0]."?access_token=".$token."&fields=link,name,id";
68
  $auther_uri = file_get_contents($auther_url);
69
- $auher1 = json_decode($auther_uri,true);
70
- //var_dump($auher1); ?>
71
- <div class="col-md-1 col-sm-2 col-xs-3 logo-left"><img src="https://graph.facebook.com/<?php echo $auher1['id'];?>/picture" class="img-responsive" alt="img"></div>
72
  <div class="col-md-11 col-sm-10 col-xs-9 logo-right">
73
- <h5 class="post_font_color"><a class="post_font_color" href="<?php echo $auher1["link"];?>"><?php echo $auher1['name']; ?></a></h5>
74
  <h6 class="post_font_color"><?php $s = strtotime($weblizar_data_post["posts"]['data'][$y]['created_time']); ?><i class="fa fa-clock-o"></i><span><?php echo $sdates = date('d', $s);?><span> <span> <?php echo date("F", $s);?></span> <span> <?php echo $day = date('D', $s);?></span> <span><?php echo $stime = date('H:i', $s); ?></span> </h6>
75
  </div>
76
  </div>
@@ -79,15 +73,34 @@ set_error_handler(
79
  if($ffp_timeline_layout=='full_width')
80
  {
81
  if(isset($weblizar_data_post["posts"]['data'][$y]['message']))
82
- {?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  <div class="<?php echo $layout1;?> col-sm-12 col-xs-12">
84
  <p class="text post_font_color">
85
- <?php if (strlen($weblizar_data_post["posts"]['data'][$y]['message']) >=150)
86
  { ?>
87
- <span class="teaser post_font_color"><?php echo substr($weblizar_data_post["posts"]['data'][$y]['message'],0,150);?></span>
88
- <span class="complete post_font_color"> <?php echo $weblizar_data_post["posts"]['data'][$y]['message'];?></span>
89
- <span data-text="...show less" class="facebook_feed_more post_font_color">...see more</span>
90
- <?php } else { ?> <span class="post_font_color"> <?php echo $weblizar_data_post["posts"]['data'][$y]['message'];?></span> <?php } ?>
91
  </p>
92
  </div>
93
  <?php }
@@ -104,26 +117,45 @@ set_error_handler(
104
  </span>
105
  </a>
106
 
107
- <dialog style="display:none" id="box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" data-id="<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" feed-type="post" feed-post="<?php echo $weblizar_data_post["posts"]['data'][$y]['type'];?>" feed-token="<?php echo $token;?>">
108
  <div class="inner_box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>"></div>
109
- </dialog>
110
  </div>
111
  <?php }
112
  if($ffp_timeline_layout=='half_width' || $ffp_timeline_layout=='thumbnail')
113
  {
114
  if(isset($weblizar_data_post["posts"]['data'][$y]['message']))
115
- { ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
  <div class="<?php echo $layout1;?> col-sm-12 col-xs-12">
117
  <p class="text post_font_color">
118
- <?php if (strlen($weblizar_data_post["posts"]['data'][$y]['message']) >=150)
119
  { ?>
120
- <span class="teaser post_font_color"><?php echo substr($weblizar_data_post["posts"]['data'][$y]['message'],0,150);?></span>
121
- <span class="complete post_font_color"> <?php echo $weblizar_data_post["posts"]['data'][$y]['message'];?></span>
122
- <span data-text="...show less" class="facebook_feed_more post_font_color">...see more</span>
123
- <?php } else { ?> <span class="post_font_color"> <?php echo $weblizar_data_post["posts"]['data'][$y]['message'];?></span> <?php } ?>
124
  </p>
125
  </div>
126
- <?php }
127
  } ?>
128
 
129
  <div class="col-md-12 col-sm-12 col-xs-12 bar post_background_color">
@@ -131,160 +163,103 @@ set_error_handler(
131
  if(isset($weblizar_data_post["posts"]['data'][$y]['reactions']['data'])){ $like=$weblizar_data_post["posts"]['data'][$y]['reactions']['data']; } else {$like="";}
132
  if(isset($weblizar_data_post["posts"]['data'][$y]['comments']['data'])) { $comment=$weblizar_data_post["posts"]['data'][$y]['comments']['data']; } else {$comment="";}
133
  if(isset($weblizar_data_post["posts"]['data'][$y]['shares'])) { $share=$weblizar_data_post["posts"]['data'][$y]['shares']; } else {$share="";}
134
- if(isset($weblizar_data_post["posts"]['data'][$y]['id'])) { $id=$weblizar_data_post["posts"]['data'][$y]['id']; } else {$id="";}
135
- //feed_timeline_like_comment($id,$like,$comment,$share,$token);
136
- $li=0;$lo=0;$wo=0;$ha=0;$sa=0;$an=0;$th=0;$pri=0;
137
- if($like !="")
138
- {
139
- $reactions=sizeof($like);
140
- for($i=0;$i < $reactions; $i++)
141
- {
142
- if($like[$i]['type']=="LIKE") { $li++; }
143
- if($like[$i]['type']=="LOVE") { $lo++; }
144
- if($like[$i]['type']=="WOW") { $wo++; }
145
- if($like[$i]['type']=="HAHA") { $ha++; }
146
- if($like[$i]['type']=="SAD") { $sa++; }
147
- if($like[$i]['type']=="ANGRY") { $an++; }
148
- if($like[$i]['type']=="THANKFUL") { $th++; }
149
- if($like[$i]['type']=="PRIDE") { $pri++; }
150
- }
151
- }?>
152
- <div class="col-md-6 col-sm-6 col-xs-6 bar-left">
153
 
154
- <span class="like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php if($li !="") {echo $li; }?></span>
155
- <?php //if($Show_post_likes=="yes") { ?>
156
- <span class="share post_font_color"><i class="fa fa-share"></i><?php if($share !="") { echo $share['count']; } else { echo "0";} ?></span>
157
- <?php //} ?>
158
- <span class="comment accordion post_font_color"><i class="fa fa-comments-o"></i><?php if($comment !=""){ echo $comments=sizeof($comment); }?></span>
159
-
160
- <!--panel -->
161
- <div class="panel">
162
- <!--like-comments-reaction -->
163
- <?php //if($Show_post_likes=="yes") { ?>
164
- <p class="post-comment-likes post_font_color">
165
- <span class="post-reactions post_font_color">
166
- <span class="post-like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php if($li !="") {echo $li; }?></span>
167
- <span class="post-love post_font_color"><i class="fa fa-heart"></i><?php if($lo !="") { echo $lo; }?></span>
168
- <span class="post-wow post_font_color"><i class="fa fa-smile-o"></i><?php if($ha !="") { echo $ha; }?></span>
169
- </span>
170
-
171
- <span class="post-likes-text post_font_color">
172
- <?php if($like !="") { echo $reactions=sizeof($like); } else { echo "No";}?> people reacted to this
173
- </span>
174
- </p>
175
- <?php //} ?>
176
- <!--end-like-comments-reaction -->
177
-
178
- <p class="post-comments post_font_color" style="color:#;">
179
- <i class="fa fa-comments-o"></i> Comment on Facebook
180
- </p>
181
-
182
- <!--comments-box-1 -->
183
- <?php if($comment !="")
184
- {
185
- $comments=sizeof($comment);
186
- for($c=0;$c < $comments; $c++)
187
- {?>
188
- <div class="col-md-12 col-sm-12 col-xs-12 post-comment">
189
- <?php //echo $data_var_comment=explode("_",$comment[$c]['id']);
190
- $c_auther_url="https://graph.facebook.com/".$comment[$c]['id']."?access_token=".$token."";
191
- $c_auther_uri = file_get_contents($c_auther_url);
192
- $c_auher1 = json_decode($c_auther_uri,true);?>
193
- <?php //if($comments_author_img=="yes") {?>
194
- <div class="col-md-1 col-sm-2 col-xs-2 post-comment-img">
195
- <?php if(isset($c_auher1['from']['id'])) { ?>
196
- <a href="<?php echo "https://graph.facebook.com/".$c_auher1['from']['id'];?>"><img src="https://graph.facebook.com/<?php echo $c_auher1['from']['id'];?>/picture" /></a>
197
- <?php } ?>
198
- </div>
199
- <?php //} ?>
200
- <div class="col-md-11 col-sm-10 col-xs-10 post-comment-text-wrapper">
201
- <div class="post-comment-text">
202
 
203
- <p class="post_font_color">
204
- <?php if(isset($c_auher1['from']['id'])) { ?>
205
- <a class="post_font_color" href="<?php echo $c_auher1['from']['id'];?>"><?php echo $c_auher1['from']['name'];?></a>
206
- <?php } ?>
207
-
208
- &nbsp <?php
209
- //if($comments_message_desc=="yes") {
210
- echo $comment[$c]['message'];
211
- //} ?>
212
-
213
- </p>
214
- <?php //if($comments_post_date=="yes") { ?>
215
- <span class="post_font_color">Posted on: <?php $s = strtotime($comment[$c]['created_time']); echo $sdates = date('d', $s)."&nbsp".date("F", $s)."&nbsp".$day = date('D', $s)."&nbsp".$stime = date('H:i', $s);?></span>
216
- <?php //} ?>
217
- <?php //if($comments_reply_count=="yes") { ?>
218
- <p class="post_font_color">
219
- <a href="" class="post_font_color"><i class="fa fa-reply"></i> <?php if(isset($comment[$c]['comment_count'])) {echo $comment[$c]['comment_count'];} else { echo "0";}?> Replies</a>
220
- </p>
221
- <?php //} ?>
222
- <div class="post-comment-replies-box"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
223
  </div>
224
- </div>
225
- </div>
226
- <?php } } ?>
227
-
228
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
229
  </div>
230
- <!--end-panel -->
231
-
232
 
233
 
234
- </div>
235
-
236
- <div class="col-md-6 col-sm-6 col-xs-6 bar-right">
237
- <div class="text-muted feed_event_desc">
238
- <div class="moment-link pull-left text-muted">
239
- <?php //if($view_on_facebook=="yes") { ?>
240
- <ul>
241
- <li>
242
- <a href="https://www.facebook.com/<?php echo $id;?>" target="_blank" class="post_font_color">View on Facebook</a>
243
- </li>
244
- </ul>
245
-
246
- </div>
247
-
248
- <div class="social-link-2 pull-right ">
249
- <ul>
250
- <li>
251
- <a href="javascript:void(0)" class="post_font_color"> <i class="fa fa-share-alt" > Share </i> </a>
252
- <ul>
253
-
254
- <li>
255
- <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/<?php echo $id;?>" > <i class="fa fa-facebook-square"> </i></a>
256
- </li>
257
-
258
- <li>
259
- <a href="https://plus.google.com/share?url=https://www.facebook.com/<?php echo $id;?>" class=""> <i class="fa fa-google"> </i> </a>
260
- </li>
261
-
262
- <li>
263
- <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.facebook.com/<?php echo $id;?>" class=""> <i class="fa fa-linkedin"> </i> </a>
264
- </li>
265
-
266
- <li>
267
- <a href="https://twitter.com/intent/tweet?text=https://www.facebook.com/<?php echo $id;?>" class=""> <i class="fa fa-twitter-square"> </i> </a>
268
- </li>
269
- </ul>
270
- </li>
271
- </ul>
272
- </div>
273
- <?php //} ?>
274
-
275
- <div class="clearfix"> </div>
276
- </div>
277
  </div>
278
  </div>
279
 
280
  </div>
281
  <?php
282
  }
283
- // } ?>
284
-
285
-
286
-
287
- <?php } ?>
288
 
289
  </div>
290
  <div class="clearfix"> </div>
@@ -293,8 +268,8 @@ set_error_handler(
293
  <?php }
294
  catch (Exception $e)
295
  {
296
- echo "<h3>invalid token</h3>";
297
- } ?>
298
  <script>
299
  var acc = document.getElementsByClassName("accordion");
300
  var i;
@@ -310,16 +285,18 @@ for (i = 0; i < acc.length; i++) {
310
  }
311
  }
312
  }
 
 
313
  jQuery(document).ready(function()
314
  {
315
- jQuery(".facebook_feed_more").click(function()
316
  {
317
  jQuery(this).siblings('.teaser').toggle();
318
  jQuery(this).siblings('.complete').toggle();
319
  /*jQuery(".teaser").toggle();
320
  jQuery(".complete").toggle();*/
321
- var oldText = $(this).text();
322
- var newText = $(this).attr('data-text');
323
  //alert(newText)
324
  if (jQuery(this).text(oldText)) {
325
  jQuery(this).text(newText);
@@ -332,6 +309,7 @@ jQuery(".facebook_feed_more").click(function()
332
  });
333
  });
334
  </script>
 
335
  <?php
336
  return ob_get_clean();
337
  }
15
  $jsondata = file_get_contents($header_string);
16
  $weblizar_header_data = json_decode($jsondata,true);
17
  $jsondata_post = file_get_contents($page_timeline_string);
18
+ $weblizar_data_post = json_decode($jsondata_post,true);
19
+ ?>
20
  <div class="clearfix"> </div>
21
+ <div class="col-md-12 wp-fb-plugin">
22
+ <div class="main-banner">
23
+ <img src="<?php if(isset($weblizar_header_data['cover']['source'])) { echo $weblizar_header_data['cover']['source']; }?>" class="img-responsive" >
24
  <div class="facebook-feed-top-area">
25
  <div class="facebook-feed-top-img ">
26
  <a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>" class="fb-main-pic col-md-2 col-sm-2 col-xs-4">
27
+ <img src="<?php if(isset($weblizar_header_data['picture']['data']['url'])) { echo $weblizar_header_data['picture']['data']['url']; } ?>" class="img-responsive" alt="Weblizar">
28
  </a>
29
  <div class="facebook-feed-top-info pull-left">
30
  <div class="facebook-feed-top-info-inner pull-left">
31
+ <h3><a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#"; } ?>">
32
+ <?php if(isset($weblizar_header_data['name'])) { echo $weblizar_header_data['name']; } ?>
33
+ </a>
 
 
34
  </h3>
35
+ <?php if(isset($weblizar_header_data['fan_count'])) { ?>
36
+ <p> <span> <?php echo $weblizar_header_data['fan_count']; ?> </span> <?php _e('Likes', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> </p>
37
+ <?php } ?>
38
  <div class="clearfix"> </div>
39
  </div>
40
  </div>
41
  </div>
42
 
43
  <div class="facebook-feed-inner-text">
44
+ <div class="button-group">
45
+ <a type="button" target="_blank" class="btn btn-secondary feed_header_link" href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>"> <i class="fa fa-share"> </i> Share </a>
 
 
 
 
46
  </div>
47
  </div>
48
  </div>
 
49
  </div>
50
  <div class="clearfix"> </div>
51
 
52
  <div class="row container-flut gallaries">
53
  <?php for($y = 0; $y <$ffp_limit; $y++)
54
+ {
55
  if(isset($weblizar_data_post["posts"]['data'][$y]['object_id'])){ $id_obj=$weblizar_data_post["posts"]['data'][$y]['object_id']; } ?>
56
  <?php if($weblizar_data_post["posts"]['data'][$y]['type']=='photo')
57
  {
61
  <?php $data_var=explode("_",$weblizar_data_post["posts"]['data'][$y]['id']);
62
  $auther_url="https://graph.facebook.com/". $data_var[0]."?access_token=".$token."&fields=link,name,id";
63
  $auther_uri = file_get_contents($auther_url);
64
+ $auher1 = json_decode($auther_uri,true);?>
65
+ <div class="col-md-1 col-sm-2 col-xs-3 logo-left"><img src="https://graph.facebook.com/<?php echo $auher1['id'];?>/picture" class="img-responsive"></div>
 
66
  <div class="col-md-11 col-sm-10 col-xs-9 logo-right">
67
+ <h5 class="post_font_color"><a href="<?php echo $auher1["link"];?>"><?php echo $auher1['name']; ?></a></h5>
68
  <h6 class="post_font_color"><?php $s = strtotime($weblizar_data_post["posts"]['data'][$y]['created_time']); ?><i class="fa fa-clock-o"></i><span><?php echo $sdates = date('d', $s);?><span> <span> <?php echo date("F", $s);?></span> <span> <?php echo $day = date('D', $s);?></span> <span><?php echo $stime = date('H:i', $s); ?></span> </h6>
69
  </div>
70
  </div>
73
  if($ffp_timeline_layout=='full_width')
74
  {
75
  if(isset($weblizar_data_post["posts"]['data'][$y]['message']))
76
+ {
77
+ $text=$weblizar_data_post["posts"]['data'][$y]['message'];
78
+ $reg_exUrl = "/(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?/";
79
+ if(preg_match($reg_exUrl, $text, $url))
80
+ {
81
+ // make the urls hyper links
82
+ $text=preg_replace($reg_exUrl, "<a href='".$url[0]."' target='_blank'>".$url[0]."</a> ", $text);
83
+ }
84
+ if(isset($weblizar_data_post["posts"]['data'][$y]['message_tags']))
85
+ {
86
+ $tag_size=sizeof($weblizar_data_post["posts"]['data'][$y]['message_tags']);
87
+
88
+ for($t=0;$t<$tag_size;$t++)
89
+ {
90
+ $ar=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"];
91
+ $br=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["id"];
92
+ $text=str_replace($weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"],"<a href='http://facebook.com/".$br."' target='_blank' >".$ar."</a>",$text);
93
+ }
94
+ }
95
+ ?>
96
  <div class="<?php echo $layout1;?> col-sm-12 col-xs-12">
97
  <p class="text post_font_color">
98
+ <?php if (strlen(strip_tags($text)) >=50)
99
  { ?>
100
+ <span class="teaser post_font_color"><?php echo substr(strip_tags($text),0,50);?></span>
101
+ <span class="complete post_font_color"><?php echo $text;?></span>
102
+ <span data-text="...show less" class="facebook_feed_more_page post_font_color"><?php _e('...see more', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></span>
103
+ <?php } else { ?> <span class="post_font_color"> <?php echo $text;?></span> <?php } ?>
104
  </p>
105
  </div>
106
  <?php }
117
  </span>
118
  </a>
119
 
120
+ <dialog style="display:none" id="box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" data-id="<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" feed-type="post" feed-post="<?php echo $weblizar_data_post["posts"]['data'][$y]['type'];?>" >
121
  <div class="inner_box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>"></div>
122
+ </dialog>
123
  </div>
124
  <?php }
125
  if($ffp_timeline_layout=='half_width' || $ffp_timeline_layout=='thumbnail')
126
  {
127
  if(isset($weblizar_data_post["posts"]['data'][$y]['message']))
128
+ {
129
+ $text=$weblizar_data_post["posts"]['data'][$y]['message'];
130
+ $reg_exUrl = "/(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?/";
131
+ if(preg_match($reg_exUrl, $text, $url))
132
+ {
133
+ // make the urls hyper links
134
+ $text=preg_replace($reg_exUrl, "<a href='".$url[0]."' target='_blank'>".$url[0]."</a> ", $text);
135
+ }
136
+ if(isset($weblizar_data_post["posts"]['data'][$y]['message_tags']))
137
+ {
138
+ $tag_size=sizeof($weblizar_data_post["posts"]['data'][$y]['message_tags']);
139
+
140
+ for($t=0;$t<$tag_size;$t++)
141
+ {
142
+ $ar=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"];
143
+ $br=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["id"];
144
+ $text=str_replace($weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"],"<a href='http://facebook.com/".$br."' target='_blank' >".$ar."</a>",$text);
145
+ }
146
+ }
147
+ ?>
148
  <div class="<?php echo $layout1;?> col-sm-12 col-xs-12">
149
  <p class="text post_font_color">
150
+ <?php if (strlen(strip_tags($text)) >=50)
151
  { ?>
152
+ <span class="teaser post_font_color"><?php echo substr(strip_tags($text),0,50);?></span>
153
+ <span class="complete post_font_color"><?php echo $text;?></span>
154
+ <span data-text="...show less" class="facebook_feed_more_page post_font_color"><?php _e('...see more', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></span>
155
+ <?php } else { ?> <span class="post_font_color"> <?php echo $text;?></span> <?php } ?>
156
  </p>
157
  </div>
158
+ <?php }
159
  } ?>
160
 
161
  <div class="col-md-12 col-sm-12 col-xs-12 bar post_background_color">
163
  if(isset($weblizar_data_post["posts"]['data'][$y]['reactions']['data'])){ $like=$weblizar_data_post["posts"]['data'][$y]['reactions']['data']; } else {$like="";}
164
  if(isset($weblizar_data_post["posts"]['data'][$y]['comments']['data'])) { $comment=$weblizar_data_post["posts"]['data'][$y]['comments']['data']; } else {$comment="";}
165
  if(isset($weblizar_data_post["posts"]['data'][$y]['shares'])) { $share=$weblizar_data_post["posts"]['data'][$y]['shares']; } else {$share="";}
166
+ if(isset($weblizar_data_post["posts"]['data'][$y]['id'])) { $id=$weblizar_data_post["posts"]['data'][$y]['id']; } else {$id="";}?>
167
+ <div class=" bar-left">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
168
 
169
+ <span class="like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'];?></span>
170
+
171
+ <span class="share post_font_color"><i class="fa fa-share"></i><?php if($share !="") { echo $share['count']; } else { echo "0";} ?></span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
172
 
173
+ <span class="comment accordion post_font_color"><i class="fa fa-comments-o"></i><?php if($comment !=""){ echo $comments=sizeof($comment); }?></span>
174
+
175
+ <!--panel -->
176
+ <div class="panel clearfix">
177
+ <!--like-comments-reaction -->
178
+ <p class="post-comment-likes post_font_color">
179
+ <span class="post-reactions post_font_color">
180
+ <span class="post-like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'];?></span>
181
+ <span class="post-love post_font_color"><i class="fa fa-heart"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_love']['summary']['total_count'];?></span>
182
+ <span class="post-wow post_font_color"><i class="fa fa-smile-o"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_haha']['summary']['total_count'];?></span>
183
+ </span>
184
+ <span class="post-likes-text post_font_color">
185
+ <?php if($like !="") { echo $reactions=sizeof($like); } else { echo "";}?> <?php _e('people reacted to this', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
186
+ </span>
187
+ </p>
188
+ <!--end-like-comments-reaction -->
189
+
190
+ <p class="post-comments post_font_color" style="color:#;">
191
+ <i class="fa fa-comments-o"></i> <?php _e('Comment on Facebook', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
192
+ </p>
193
+
194
+ <!--comments-box-1 -->
195
+ <?php if($comment !="")
196
+ {
197
+ $comments=sizeof($comment);
198
+ for($c=0;$c < $comments; $c++)
199
+ {?>
200
+ <div class="col-md-12 col-sm-12 col-xs-12 post-comment">
201
+ <?php $c_auther_url="https://graph.facebook.com/".$comment[$c]['id']."?access_token=".$token."";
202
+ $c_auther_uri = file_get_contents($c_auther_url);
203
+ $c_auher1 = json_decode($c_auther_uri,true);?>
204
+ <?php if(isset($c_auher1['from']['id'])) { ?>
205
+ <div class="col-md-1 col-sm-2 col-xs-2 post-comment-img">
206
+ <a href="<?php echo "https://graph.facebook.com/".$c_auher1['from']['id'];?>"><img src="https://graph.facebook.com/<?php echo $c_auher1['from']['id'];?>/picture" /></a>
207
+ </div>
208
+ <?php } ?>
209
+ <div class="col-md-11 col-sm-10 col-xs-10 post-comment-text-wrapper">
210
+ <div class="post-comment-text">
211
+
212
+ <p class="post_font_color">
213
+ <?php if(isset($c_auher1['from']['id'])) { ?>
214
+ <a class="post_font_color" href="<?php echo $c_auher1['from']['id'];?>"><?php echo $c_auher1['from']['name'];?></a>
215
+ <?php } ?>
216
+
217
+ &nbsp <?php echo $comment[$c]['message'];?>
218
+ </p>
219
+ <span class="post_font_color"><?php _e('Posted on:', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> <?php $s = strtotime($comment[$c]['created_time']); echo $sdates = date('d', $s)."&nbsp".date("F", $s)."&nbsp".$day = date('D', $s)."&nbsp".$stime = date('H:i', $s);?></span>
220
+ <p class="post_font_color">
221
+ <a href="" class="post_font_color"><i class="fa fa-reply"></i> <?php if(isset($comment[$c]['comment_count'])) {echo $comment[$c]['comment_count'];} else { echo "0";}?><?php _e('Replies', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></a>
222
+ </p>
223
+
224
+ <div class="post-comment-replies-box"></div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ <?php } } ?>
229
+
230
+
231
  </div>
232
+ <!--end-panel -->
233
+
234
+
235
+
236
+ </div>
237
+
238
+ <div class="pull-right bar-right">
239
+ <div class="text-muted feed_event_desc">
240
+ <div class="social-link-2 pull-right ">
241
+ <ul>
242
+
243
+ <li>
244
+ <a href="https://www.facebook.com/<?php echo $id;?>" target="_blank" class="post_font_color"> <i class="fa fa-eye"> </i></a>
245
+ </li>
246
+
247
+ <li>
248
+ <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $weblizar_data_post["posts"]['data'][$y]['link'];?>" class="post_font_color"> <i class="fa fa-share" target="_blank" ><?php _e('Share', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> </i> </a>
249
+ </li>
250
+ </ul>
251
  </div>
 
 
252
 
253
 
254
+ <div class="clearfix"> </div>
255
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
256
  </div>
257
  </div>
258
 
259
  </div>
260
  <?php
261
  }
262
+ } ?>
 
 
 
 
263
 
264
  </div>
265
  <div class="clearfix"> </div>
268
  <?php }
269
  catch (Exception $e)
270
  {
271
+ echo "<h3>Error in processing</h3>";
272
+ } ?>
273
  <script>
274
  var acc = document.getElementsByClassName("accordion");
275
  var i;
285
  }
286
  }
287
  }
288
+
289
+
290
  jQuery(document).ready(function()
291
  {
292
+ jQuery(".facebook_feed_more_page").click(function()
293
  {
294
  jQuery(this).siblings('.teaser').toggle();
295
  jQuery(this).siblings('.complete').toggle();
296
  /*jQuery(".teaser").toggle();
297
  jQuery(".complete").toggle();*/
298
+ var oldText = jQuery(this).text();
299
+ var newText = jQuery(this).attr('data-text');
300
  //alert(newText)
301
  if (jQuery(this).text(oldText)) {
302
  jQuery(this).text(newText);
309
  });
310
  });
311
  </script>
312
+
313
  <?php
314
  return ob_get_clean();
315
  }
facebook-feed-widget.php CHANGED
@@ -32,8 +32,267 @@ class Weblizar_facebook_feed_widget extends WP_Widget
32
  {
33
  echo $args['before_title'] . apply_filters( 'widget_title', $instance['Title'] ). $args['after_title'];
34
  }
35
- echo do_shortcode( '[facebook_feed]' );
36
- echo $args['after_widget'];
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
  //wp_reset_query();
38
  }
39
 
@@ -84,4 +343,5 @@ public function update( $new_instance, $old_instance )
84
  function register_Weblizar_facebook_feed_widget()
85
  {
86
  register_widget( 'Weblizar_facebook_feed_widget' );
87
- }?>
 
32
  {
33
  echo $args['before_title'] . apply_filters( 'widget_title', $instance['Title'] ). $args['after_title'];
34
  }
35
+
36
+ require("facebook-feed-shortcode-data.php");
37
+ //echo do_shortcode( '[facebook_feed]' );
38
+ set_error_handler(
39
+ create_function(
40
+ '$severity, $weblizar_data_postssage, $file, $line',
41
+ 'throw new ErrorException($weblizar_data_postssage, $severity, $severity, $file, $line);'
42
+ )
43
+ );
44
+ try {
45
+ $jsondata = file_get_contents($header_string);
46
+ $weblizar_header_data = json_decode($jsondata,true);
47
+ $jsondata_post = file_get_contents($page_timeline_string);
48
+ $weblizar_data_post = json_decode($jsondata_post,true); ?>
49
+ <div class="clearfix"> </div>
50
+ <div class=" feed_main_widget wp-fb-plugin">
51
+ <div class="main-banner">
52
+ <img src="<?php if(isset($weblizar_header_data['cover']['source'])) { echo $weblizar_header_data['cover']['source']; }?>" class="img-responsive" >
53
+ <div class="facebook-feed-top-area">
54
+ <div class="facebook-feed-top-img ">
55
+ <a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>" class="fb-main-pic ">
56
+ <img src="<?php if(isset($weblizar_header_data['picture']['data']['url'])) { echo $weblizar_header_data['picture']['data']['url']; } ?>" class="img-responsive" alt="Weblizar">
57
+ </a>
58
+ </div>
59
+
60
+ <div class="facebook-feed-inner-text">
61
+
62
+ <div class="facebook-feed-top-info-inner pull-left">
63
+ <h3><a href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#"; } ?>">
64
+ <?php if(isset($weblizar_header_data['name'])) { echo $weblizar_header_data['name']; } ?>
65
+ </a>
66
+ </h3>
67
+ <?php if(isset($weblizar_header_data['fan_count'])) { ?>
68
+ <p> <span> <?php echo $weblizar_header_data['fan_count']; ?> </span> <?php _e('Likes', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> </p>
69
+ <?php } ?>
70
+ <div class="clearfix"> </div>
71
+ </div>
72
+
73
+ <div class="pull-right">
74
+ <a type="button" target="_blank" class="btn btn-secondary feed_header_link" href="<?php if(isset($weblizar_header_data['link'])) { echo $weblizar_header_data['link']; } else { echo "#";}?>"> <i class="fa fa-share"> </i> Share </a>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div class="clearfix"> </div>
80
+ <div class="row container-flut gallaries">
81
+ <?php for($y = 0; $y <$ffp_limit; $y++)
82
+ {
83
+ if(isset($weblizar_data_post["posts"]['data'][$y]['object_id'])){ $id_obj=$weblizar_data_post["posts"]['data'][$y]['object_id']; } ?>
84
+ <?php if($weblizar_data_post["posts"]['data'][$y]['type']=='photo')
85
+ { ?>
86
+ <div class="col-md-12 post-box bg custom_box_gallary post_background_color ">
87
+ <div class=" box post_background_color">
88
+ <?php $data_var=explode("_",$weblizar_data_post["posts"]['data'][$y]['id']);
89
+ $auther_url="https://graph.facebook.com/". $data_var[0]."?access_token=".$token."&fields=link,name,id";
90
+ $auther_uri = file_get_contents($auther_url);
91
+ $auher1 = json_decode($auther_uri,true);?>
92
+ <div class="col-md-3 col-sm-2 col-xs-3 logo-left"><img src="https://graph.facebook.com/<?php echo $auher1['id'];?>/picture" class="img-responsive" alt="img"></div>
93
+ <div class="col-md-9 col-sm-10 col-xs-9 logo-right">
94
+ <h5 class="post_font_color"><a href="<?php echo $auher1["link"];?>"><?php echo $auher1['name']; ?></a></h5>
95
+ <h6 class="post_font_color"><?php $s = strtotime($weblizar_data_post["posts"]['data'][$y]['created_time']); ?><i class="fa fa-clock-o"></i><span><?php echo $sdates = date('d', $s);?><span> <span> <?php echo date("F", $s);?></span> <span> <?php echo $day = date('D', $s);?></span> <span><?php echo $stime = date('H:i', $s); ?></span> </h6>
96
+ </div>
97
+ </div>
98
+
99
+ <?php if(isset($weblizar_data_post["posts"]['data'][$y]['message']))
100
+ {
101
+ $text=$weblizar_data_post["posts"]['data'][$y]['message'];
102
+ $reg_exUrl = "/(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?/";
103
+ if(preg_match($reg_exUrl, $text, $url))
104
+ {
105
+ // make the urls hyper links
106
+ $text=preg_replace($reg_exUrl, "<a href='".$url[0]."' target='_blank'>".$url[0]."</a> ", $text);
107
+ }
108
+ if(isset($weblizar_data_post["posts"]['data'][$y]['message_tags']))
109
+ {
110
+ $tag_size=sizeof($weblizar_data_post["posts"]['data'][$y]['message_tags']);
111
+
112
+ for($t=0;$t<$tag_size;$t++)
113
+ {
114
+ $ar=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"];
115
+ $br=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["id"];
116
+ $text=str_replace($weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"],"<a href='http://facebook.com/".$br."' target='_blank' >".$ar."</a>",$text);
117
+ }
118
+ }
119
+ ?>
120
+ <div class="col-md-12 col-sm-12 col-xs-12">
121
+ <p class="text post_font_color">
122
+ <?php if (strlen(strip_tags($text)) >=50)
123
+ { ?>
124
+ <span class="teaser post_font_color"><?php echo substr(strip_tags($text),0,50);?></span>
125
+ <span class="complete post_font_color"><?php echo $text;?></span>
126
+ <span data-text="...show less" class="facebook_feed_more_widget post_font_color"><?php _e('...see more', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></span>
127
+ <?php } else { ?> <span class="post_font_color"> <?php echo $text;?></span> <?php } ?>
128
+ </p>
129
+ </div>
130
+ <?php } ?>
131
+
132
+ <?php if(isset($weblizar_data_post["posts"]['data'][$y]['full_picture']))
133
+ { ?>
134
+ <div class="col-md-12 col-sm-12 col-xs-12 post-img animated gallery-img">
135
+
136
+ <a href="#">
137
+ <img src="<?php echo $weblizar_data_post["posts"]['data'][$y]['full_picture'];?>" class="img-responsive" />
138
+ <span class="weblizar_span_img" style="display:none">
139
+ <img src="<?php echo $weblizar_data_post["posts"]['data'][$y]['full_picture'];?>" >
140
+ </span>
141
+ </a>
142
+
143
+ <dialog style="display:none" id="box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" data-id="<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>" feed-type="post" feed-post="<?php echo $weblizar_data_post["posts"]['data'][$y]['type'];?>" >
144
+ <div class="inner_box_<?php echo $weblizar_data_post["posts"]['data'][$y]['id']; ?>"></div>
145
+ </dialog>
146
+ </div>
147
+ <?php } ?>
148
+ <div class="col-md-12 col-sm-12 col-xs-12 bar post_background_color">
149
+ <?php
150
+ if(isset($weblizar_data_post["posts"]['data'][$y]['reactions']['data'])){ $like=$weblizar_data_post["posts"]['data'][$y]['reactions']['data']; } else {$like="";}
151
+ if(isset($weblizar_data_post["posts"]['data'][$y]['comments']['data'])) { $comment=$weblizar_data_post["posts"]['data'][$y]['comments']['data']; } else {$comment="";}
152
+ if(isset($weblizar_data_post["posts"]['data'][$y]['shares'])) { $share=$weblizar_data_post["posts"]['data'][$y]['shares']; } else {$share="";}
153
+ if(isset($weblizar_data_post["posts"]['data'][$y]['id'])) { $id=$weblizar_data_post["posts"]['data'][$y]['id']; } else {$id="";} ?>
154
+ <div class=" bar-left">
155
+
156
+ <span class="like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'];?></span>
157
+
158
+ <span class="share post_font_color"><i class="fa fa-share"></i><?php if($share !="") { echo $share['count']; } else { echo "0";} ?></span>
159
+
160
+ <span class="comment accordion post_font_color"><i class="fa fa-comments-o"></i><?php if($comment !=""){ echo $comments=sizeof($comment); }?></span>
161
+
162
+ <!--panel -->
163
+ <div class="panel clearfix">
164
+ <!--like-comments-reaction -->
165
+ <p class="post-comment-likes post_font_color">
166
+ <span class="post-reactions post_font_color">
167
+ <span class="post-like post_font_color"><i class="fa fa-thumbs-o-up"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'];?></span>
168
+ <span class="post-love post_font_color"><i class="fa fa-heart"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_love']['summary']['total_count'];?></span>
169
+ <span class="post-wow post_font_color"><i class="fa fa-smile-o"></i><?php echo $weblizar_data_post["posts"]['data'][$y]['reactions_haha']['summary']['total_count'];?></span>
170
+ <span class="post-likes-text post_font_color">
171
+ <?php if($like !="") { echo $reactions=sizeof($like); } else { echo "";}?> <?php _e('people reacted to this', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
172
+ </span>
173
+ </span>
174
+ </p>
175
+ <!--end-like-comments-reaction -->
176
+
177
+ <p class="post-comments post_font_color" style="color:#;">
178
+ <i class="fa fa-comments-o"></i> <?php _e('Comment on Facebook', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
179
+ </p>
180
+
181
+ <!--comments-box-1 -->
182
+ <?php if($comment !="")
183
+ {
184
+ $comments=sizeof($comment);
185
+ for($c=0;$c < $comments; $c++)
186
+ {?>
187
+ <div class="col-md-12 col-sm-12 col-xs-12 post-comment">
188
+ <?php $c_auther_url="https://graph.facebook.com/".$comment[$c]['id']."?access_token=".$token."";
189
+ $c_auther_uri = file_get_contents($c_auther_url);
190
+ $c_auher1 = json_decode($c_auther_uri,true);?>
191
+ <?php if(isset($c_auher1['from']['id'])) { ?>
192
+ <div class="col-md-1 col-sm-2 col-xs-2 post-comment-img">
193
+ <a href="<?php echo "https://graph.facebook.com/".$c_auher1['from']['id'];?>"><img src="https://graph.facebook.com/<?php echo $c_auher1['from']['id'];?>/picture" /></a>
194
+ </div>
195
+ <?php } ?>
196
+
197
+ <div class="col-md-11 col-sm-10 col-xs-10 post-comment-text-wrapper">
198
+ <div class="post-comment-text">
199
+
200
+ <p class="post_font_color">
201
+ <?php if(isset($c_auher1['from']['id'])) { ?>
202
+ <a class="post_font_color" href="<?php echo $c_auher1['from']['id'];?>"><?php echo $c_auher1['from']['name'];?></a>
203
+ <?php } ?>
204
+
205
+ &nbsp <?php echo $comment[$c]['message'];?>
206
+ </p>
207
+ <span class="post_font_color"><?php _e('Posted on:', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> <?php $s = strtotime($comment[$c]['created_time']); echo $sdates = date('d', $s)."&nbsp".date("F", $s)."&nbsp".$day = date('D', $s)."&nbsp".$stime = date('H:i', $s);?></span>
208
+ <p class="post_font_color">
209
+ <a href="" class="post_font_color"><i class="fa fa-reply"></i> <?php if(isset($comment[$c]['comment_count'])) {echo $comment[$c]['comment_count'];} else { echo "0";}?><?php _e('Replies', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></a>
210
+ </p>
211
+
212
+ <div class="post-comment-replies-box"></div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ <?php } } ?>
217
+
218
+
219
+ </div>
220
+ <!--end-panel -->
221
+ </div>
222
+
223
+ <div class="text-muted feed_event_desc bar-right">
224
+ <div class="social-link-2 pull-right ">
225
+ <ul>
226
+
227
+ <li>
228
+ <a href="https://www.facebook.com/<?php echo $id;?>" target="_blank" class="post_font_color"> <i class="fa fa-eye"> </i></a>
229
+ </li>
230
+
231
+ <li>
232
+ <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $weblizar_data_post["posts"]['data'][$y]['link'];?>" class="post_font_color"> <i class="fa fa-share" target="_blank" ><?php _e('Share', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> </i> </a>
233
+ </li>
234
+ </ul>
235
+ </div>
236
+
237
+ <div class="clearfix"> </div>
238
+ </div>
239
+
240
+ </div>
241
+
242
+ </div>
243
+ <?php
244
+ }
245
+ } ?>
246
+
247
+ </div>
248
+ <div class="clearfix"> </div>
249
+ </div>
250
+
251
+ <?php }
252
+ catch (Exception $e)
253
+ {
254
+ echo "<h3>Error in processing</h3>";
255
+ } ?>
256
+ <script>
257
+ var acc = document.getElementsByClassName("accordion");
258
+ var i;
259
+
260
+ for (i = 0; i < acc.length; i++) {
261
+ acc[i].onclick = function(){
262
+ this.classList.toggle("active");
263
+ var panel = this.nextElementSibling;
264
+ if (panel.style.display === "block") {
265
+ panel.style.display = "none";
266
+ } else {
267
+ panel.style.display = "block";
268
+ }
269
+ }
270
+ }
271
+ jQuery(document).ready(function()
272
+ {
273
+ jQuery(".facebook_feed_more_widget").click(function()
274
+ {
275
+ jQuery(this).siblings('.teaser').toggle();
276
+ jQuery(this).siblings('.complete').toggle();
277
+ /*jQuery(".teaser").toggle();
278
+ jQuery(".complete").toggle();*/
279
+ var oldText = jQuery(this).text();
280
+ var newText = jQuery(this).attr('data-text');
281
+ //alert(newText)
282
+ if (jQuery(this).text(oldText)) {
283
+ jQuery(this).text(newText);
284
+ }
285
+ else
286
+ {
287
+ jQuery(this).text(oldText);
288
+ }
289
+ jQuery(this).attr('data-text',oldText);
290
+ });
291
+ });
292
+ </script>
293
+
294
+
295
+ <?php echo $args['after_widget'];
296
  //wp_reset_query();
297
  }
298
 
343
  function register_Weblizar_facebook_feed_widget()
344
  {
345
  register_widget( 'Weblizar_facebook_feed_widget' );
346
+ }
347
+ ?>
facebook-feed.php CHANGED
@@ -209,7 +209,7 @@
209
 
210
  <div class="col-md-12 no-pad">
211
  <div class="col-md-6 "><label> <?php _e('Number of posts:',WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></label></div>
212
- <div class="col-md-6"><input type="number" id="ffp_limit" name="ffp_limit" value="<?php if(isset($ffp_limit)){ echo $ffp_limit;} else { echo "5";}?>"></div>
213
  </div>
214
 
215
  <div class="col-md-12 no-pad">
209
 
210
  <div class="col-md-12 no-pad">
211
  <div class="col-md-6 "><label> <?php _e('Number of posts:',WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></label></div>
212
+ <div class="col-md-6"><input type="number" min="1" max="50" id="ffp_limit" name="ffp_limit" value="<?php if(isset($ffp_limit)){ echo $ffp_limit;} else { echo "5";}?>"></div>
213
  </div>
214
 
215
  <div class="col-md-12 no-pad">
images/logo.png ADDED
Binary file
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.weblizar.com/
4
  Tags: facebook, facebook like, facebook page, facebook like box, facebook widget, facebbok feed, Facebook posts, Facebook profile, Facebook group, facebook page feed, facebook page like box, feed, likebox
5
  Requires at least: 3.8
6
  Tested up to: 4.9.4
7
- Stable tag: 2.5.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -207,6 +207,10 @@ Go to admin dashboard => appearance => widgets => Here are available our two fac
207
 
208
  For more information, see [Weblizar](http://wwww.weblizar.com/) .
209
 
 
 
 
 
210
  = 2.5.6 [ 10/02/2018 ] =
211
  1. Readme update
212
 
4
  Tags: facebook, facebook like, facebook page, facebook like box, facebook widget, facebbok feed, Facebook posts, Facebook profile, Facebook group, facebook page feed, facebook page like box, feed, likebox
5
  Requires at least: 3.8
6
  Tested up to: 4.9.4
7
+ Stable tag: 2.5.7
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
207
 
208
  For more information, see [Weblizar](http://wwww.weblizar.com/) .
209
 
210
+ = 2.5.7 [ 14/02/2018 ] =
211
+ 1. Feed css issue fixed.
212
+ 2. Some other minor issue fixed.
213
+
214
  = 2.5.6 [ 10/02/2018 ] =
215
  1. Readme update
216