Social Login WordPress Plugin – AccessPress Social Login Lite - Version 3.2.1

Version Description

  • Fixed the input field size for the image size settings for the facebook.
Download this release

Release Info

Developer Access Keys
Plugin Icon 128x128 Social Login WordPress Plugin – AccessPress Social Login Lite
Version 3.2.1
Comparing to
See all releases

Code changes from version 3.2.0 to 3.2.1

Files changed (4) hide show
  1. accesspress-social-login-lite.php +2 -2
  2. css/backend.css +258 -215
  3. inc/backend/main-page.php +2 -2
  4. readme.txt +4 -1
accesspress-social-login-lite.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin name: Social Login WordPress Plugin - AccessPress Social Login Lite
4
  Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-social-login-lite/
5
  Description: A plugin to add various social logins to a site.
6
- version: 3.2.0
7
  Author: AccessPress Themes
8
  Author URI: https://accesspressthemes.com/
9
  Text Domain: accesspress-social-login-lite
@@ -12,7 +12,7 @@
12
  */
13
  //Declearation of the necessary constants for plugin
14
  if( !defined( 'APSL_VERSION' ) ) {
15
- define( 'APSL_VERSION', '3.2.0' );
16
  }
17
 
18
  if( !defined( 'APSL_IMAGE_DIR' ) ) {
3
  Plugin name: Social Login WordPress Plugin - AccessPress Social Login Lite
4
  Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-social-login-lite/
5
  Description: A plugin to add various social logins to a site.
6
+ version: 3.2.1
7
  Author: AccessPress Themes
8
  Author URI: https://accesspressthemes.com/
9
  Text Domain: accesspress-social-login-lite
12
  */
13
  //Declearation of the necessary constants for plugin
14
  if( !defined( 'APSL_VERSION' ) ) {
15
+ define( 'APSL_VERSION', '3.2.1' );
16
  }
17
 
18
  if( !defined( 'APSL_IMAGE_DIR' ) ) {
css/backend.css CHANGED
@@ -1,7 +1,7 @@
1
  /* AccessPress Social login lite - Backend css */
2
 
3
- .clear{
4
- clear:both;
5
  }
6
 
7
  .clearfix:after {
@@ -13,64 +13,60 @@
13
  display: block;
14
  }
15
 
16
-
17
  .apsl-settings {
18
- padding:0 10px;
19
- margin: 10px 0;
20
  }
21
 
22
  .apsl-label {
23
- font-size: 14px;
24
- font-weight: bold;
25
- margin-bottom: 10px;
26
- background-color: black;
27
- color: black;
28
- padding: 10px;
29
- margin-top: -10px;
30
  }
 
31
  .apsl-settings-tab {
32
  border: 1px solid #fff;
33
  float: left;
34
  font-size: 13px;
35
  height: 31px;
36
- list-style: outside none none;
37
  padding-left: 51px;
38
  padding-right: 51px;
39
  padding-top: 11px;
40
- background: #DADADA none repeat scroll 0 0;
41
-
42
  }
43
 
44
-
45
  .apsl_show_hide {
46
- float: right;
47
- font-size: 20px;
48
- margin-right: 5px;
49
  }
50
 
51
- .apsl-settings-tabs-wrapper a{
52
- text-decoration:none;
53
- color:black;
54
  }
55
 
56
- .apsl-active-tab a{
57
- color:#595959;
58
- border-bottom:1px #595959 solid;
59
  }
60
 
61
-
62
  .main-title {
63
  font-size: 18px;
64
  margin-bottom: -9px;
65
- margin-top:10px;
66
- }
67
 
68
  .apsl-settings {
69
  cursor: move;
70
  margin-bottom: 25px;
71
  width: 97%;
72
- background:#fff;
73
-
74
  }
75
 
76
  .apsl-label {
@@ -78,86 +74,82 @@ margin-right: 5px;
78
  margin-left: -10px;
79
  width: 100%;
80
  }
 
81
  .apsl-enable-disable {
82
  padding-bottom: 13px;
83
  }
84
 
85
-
86
- .apsl-settings.apsl-facebook-settings.ui-sortable-handle > input, .apsl-settings.apsl-twitter-settings.ui-sortable-handle > input,
87
- .apsl-settings.apsl-google-settings.ui-sortable-handle > input, .apsl-settings.apsl-linkedin-settings.ui-sortable-handle > input,
88
- .apsl-settings.apsl-instagram-settings.ui-sortable-handle > input,.apsl-settings.apsl-vk-settings.ui-sortable-handle > input,
89
- .apsl-settings.apsl-foursquare-settings.ui-sortable-handle > input,.apsl-settings.apsl-wordpress-settings.ui-sortable-handle > input,
90
- .apsl-settings.apsl-buffer-settings.ui-sortable-handle > input
91
-
92
- {
93
  margin-right: 30px;
94
- margin-left: 5px;
95
  }
 
96
  .apsl-submit-settings.primary-button {
97
- background: #0074a2 none repeat scroll 0 0;
98
  border: medium none;
99
  border-radius: 4px;
100
-
101
  color: #ffffff;
102
  font-weight: 600;
103
  padding: 9px 20px;
104
-
105
-
106
  }
107
 
108
- .toplevel_page_apsl-lite input[type="text"]{
109
- width:70%;
110
  }
111
 
112
  .apsl-submit-settings.primary-button {
113
- width: 120px;
114
- cursor: pointer;
115
- float:left;
116
  }
117
 
118
  span.apsl-info-note {
119
- font-size: 18px;
120
  }
121
- span.apsl-info-content {
122
- font-style: italic;
123
 
 
 
124
  }
125
- .apsl-info-lists li{
126
- list-style-type: square;
 
127
  }
 
128
  ul.apsl-info-lists {
129
- margin-left: 17px;
130
- font-style: italic;
131
-
132
  }
 
133
  .apsl-settings-tabs-wrapper li .apsl-active-tab {
134
- color: #fff;
135
- background: rgb(5, 105, 168);
136
- font-weight: bold;
137
- background: transparent;
138
- background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
139
-
140
  }
 
141
  #tab-apsl-theme-settings .apsl-theme.apsl-png-theme {
142
  width: 10px;
143
  }
 
144
  #tab-apsl-theme-settings .apsl-themes {
145
- margin-bottom: 14px;
146
  margin-top: 0px;
147
  padding-bottom: 10px;
148
  padding-left: 0px;
149
  width: 100%;
150
- }
151
 
152
  #tab-apsl-theme-settings h3 {
153
- font-size: 14px;
154
- font-weight: bold;
155
- margin-bottom: 10px;
156
- background-color: #DADADA;
157
- color: white;
158
- padding: 10px;
159
-
160
  }
 
161
  #tab-apsl-how-to-use > p {
162
  background: #DADADA none repeat scroll 0 0;
163
  color: #000;
@@ -167,45 +159,56 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
167
  padding-top: 5px;
168
  width: 98%;
169
  }
 
170
  #tab-apsl-how-to-use {
171
- width: 100%;
172
- margin-top: -6px;
173
- background-color: #fff;
174
  }
 
175
  #tab-apsl-how-to-use dl {
176
  padding-left: 5px;
177
  padding-bottom: 1px;
178
  }
 
179
  #tab-apsl-how-to-use strong {
180
  font-size: 15px;
181
  }
 
182
  #tab-apsl-how-to-use dd {
183
  margin-left: 0;
184
  margin-top: 12px;
185
  }
 
186
  #tab-apsl-how-to-use dt {
187
  margin-top: 14px;
188
  }
 
189
  #tab-apsl-how-to-use p {
190
  margin-bottom: 6px;
191
  }
 
192
  #tab-apsl-how-to-use dl {
193
  padding-bottom: 10px;
194
- }
195
- #tab-apsl-how-to-use .how-list li{
 
196
  list-style-type: square;
197
- margin-left:13px;
198
- }
 
199
  #tab-apsl-about .more-product img {
200
  width: 100px;
201
  }
 
202
  #tab-apsl-about {
203
- width: 98%;
204
- margin-bottom: 29px;
205
- padding-bottom: 22px;
206
- background-color: #fff;
207
  }
208
- #tab-apsl-about .ap-title {
 
209
  background: #DADADA none repeat scroll 0 0;
210
  color: #000;
211
  font-size: 14px;
@@ -214,6 +217,7 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
214
  padding-left: 5px;
215
  padding-top: 6px;
216
  }
 
217
  #tab-apsl-about .more-title {
218
  background: #DADADA none repeat scroll 0 0;
219
  color: #000;
@@ -222,18 +226,22 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
222
  padding-top: 10px;
223
  text-align: center;
224
  }
 
225
  #tab-apsl-about .more-product > li {
226
- float: left!important;
227
- width: 250px!important;
228
- margin-left: 7px;
229
  }
 
230
  #tab-apsl-about .more-product img {
231
  margin-left: -109px;
232
  padding-bottom: 21px;
233
  }
 
234
  #tab-apsl-about .more-product a {
235
  text-decoration: none;
236
  }
 
237
  .apsl-message {
238
  background: #0074a2 none repeat scroll 0 0;
239
  border-left: 5px solid #78B343;
@@ -247,49 +255,58 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
247
  padding-top: 3px;
248
  width: 99%;
249
  }
250
- .fb ,.twt, .gp,.utube, .skype{
 
251
  float: left;
252
- width:100px;
253
  }
254
- .pin{
255
- width:100px;
 
256
  }
 
257
  .about-social .fb .fa {
258
  background: #3d5c99 none repeat scroll 0 0;
259
  color: #ffffff;
260
  font-size: 25px;
261
- padding: 20px;
262
- }
263
- .about-social .twt .fa{
264
- background: #2594C4 none repeat scroll 0 0;
 
265
  color: #ffffff;
266
  font-size: 25px;
267
- padding: 20px;
268
- }
269
- .about-social .gp .fa{
270
- background: #A83636 none repeat scroll 0 0;
 
271
  color: #ffffff;
272
  font-size: 25px;
273
- padding: 20px;
274
- }
275
- .about-social .utube .fa{
276
- background: #B03434 none repeat scroll 0 0;
 
277
  color: #ffffff;
278
  font-size: 25px;
279
- padding: 20px;
280
- }
281
- .about-social .skype .fa{
282
- background: #169AD1 none repeat scroll 0 0;
 
283
  color: #ffffff;
284
  font-size: 25px;
285
- padding: 20px;
286
- }
287
- .about-social .pin .fa{
288
- background: #A6212B none repeat scroll 0 0;
 
289
  color: #ffffff;
290
  font-size: 25px;
291
- padding: 20px;
292
- }
 
293
  #tab-apsl-about .about-social span {
294
  display: block;
295
  margin-top: 1px;
@@ -298,7 +315,7 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
298
 
299
  .apsl-setting-header.clearfix {
300
  background: #0074a2 none repeat scroll 0 0;
301
- margin-bottom: 10px;
302
  margin-top: 10px;
303
  padding-bottom: 13px;
304
  width: 100%;
@@ -307,8 +324,9 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
307
  .apsl-right-header-block {
308
  float: right;
309
  margin-right: 12px;
310
- color:#fff;
311
  }
 
312
  .apsl-headerlogo {
313
  float: left;
314
  }
@@ -320,166 +338,191 @@ background:#0074a2;/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
320
  margin-left: 15px;
321
  margin-top: 33px;
322
  }
 
323
  input.apsl-reset-button.button.primary-button {
324
- background-color: #0074A2;
325
- border: none;
326
- width: 165px;
327
- padding-left: 7px;
328
- padding-top: 2px;
329
- height: 37px;
330
- margin-left: 10px;
331
- font-weight: 600;
332
- margin-top: 2px;
333
- color: #fff;
334
-
335
  }
 
336
  span.plugin-version {
337
- display: block;
338
- font-size: 11px;
339
  }
340
 
341
  .apsl-display-options input#apsl_enable_plugin {
342
- width: 1px;
343
- margin-left: 21px;
344
  }
 
345
  .apsl-display-options input#apsl_disable_plugin {
346
- width: 1px;
347
  }
 
348
  input.apsl-reset-button.button.primary-button:hover {
349
- opacity: 0.7;
350
- -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
351
- -moz-transition: all 1s ease;/* Firefox 4-15 */
352
- -o-transition: all 1s ease;/* Opera 10.5-12.00 */
353
- transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */
 
 
 
 
354
  }
 
355
  .apsl-submit-settings.primary-button:hover {
356
- opacity: 0.7;
357
- -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
358
- -moz-transition: all 1s ease;/* Firefox 4-15 */
359
- -o-transition: all 1s ease;/* Opera 10.5-12.00 */
360
- transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */
 
 
 
 
361
  }
 
362
  .apsl-display-options {
363
- margin-top: 9px;
364
- margin-left: 0px;
365
- width:100%;
366
- }
367
- #tab-apsl-theme-settings input#apsl-login-short-text {
368
-
369
- }
370
-
371
- #tab-apsl-theme-settings input#apsl-login-with-long-text {
372
-
373
- }
374
- #tab-apsl-theme-settings input#apsl_each_link_title_attribute {
375
-
376
  }
377
 
 
 
 
 
 
 
378
  #tab-apsl-theme-settings .apsl-each-link-title-attribute {
379
-
380
- padding-left: 7px;
381
  }
 
382
  div#tab-apsl-theme-settings {
383
- background-color: #fff;
384
- width: 98%;
385
- padding-bottom: 1px;
386
- margin-bottom: 21px;
387
- }
388
- #tab-apsl-theme-settings .apsl-each-login-short-text {
389
- padding-left: 6px;
390
  }
 
 
 
 
 
391
  #tab-apsl-theme-settings .apsl-title-text-field {
392
- padding-left: 6px;
393
  }
 
394
  #tab-apsl-theme-settings .apsl-each-login-long-text {
395
- padding-left: 7px;
396
  }
 
397
  #tab-apsl-about ul.about-social.clearfix {
398
- margin-left: 7px;
399
  }
 
400
  #tab-apsl-about strong {
401
- margin-left: 7px;
402
  }
403
 
404
- #tab-apsl-theme-settings .apsl-settings{
405
- cursor: auto
406
  }
 
 
407
  /** Added By regan **/
 
408
  .apsl-settings-tabs-wrapper.clearfix {
409
- border: 1px solid #bbb;
410
- background-color: white;
411
- padding: 0px 10px;
412
- margin-bottom: 12px;
413
  }
414
 
415
  .apsl-setting-tabs-wrapper {
416
- border: 1px solid #bbb;
417
- background-color: white;
418
- padding: 15px;
419
  }
 
420
  .apsl-outer-wrapper {
421
- width: 1024px;
422
  }
 
423
  .apsl_network_settings_wrapper label {
424
- display: inline-block;
425
- width: 25%;
426
- font-weight: bold;
427
  }
 
428
  .apsl-app-id-wrapper, .apsl-app-secret-wrapper {
429
- margin-bottom: 15px;
430
  }
 
431
  .apsl-info {
432
- background-color: #FFFBCC;
433
- color: black !important;
434
- padding: 10px;
435
- margin-bottom: 28px;
436
  }
437
 
438
- .social-login span, .social-login-buddypress span, .social-login-woocommerce span{
439
- width: 35%;
440
- display: inline-block;}
 
441
 
442
- #your-profile label+a, fieldset label, label{
443
  margin-right: 10px
444
- }
445
 
446
- .apsl-themes > div{
447
- margin:10px 0 20px;
448
- }
449
 
450
- .apsl-theme-previewbox{
451
  margin-top: 10px
452
- }
453
 
454
- .apsl-theme > label{
455
  font-weight: bold;
456
  font-size: 14px;
457
- }
458
 
459
- .apsl-theme span{margin-left: 5px; display: inline-block;}
460
- .apsl-title-text-field span, .apsl-each-login-short-text span, .apsl-each-login-long-text span, .apsl-each-link-title-attribute span{
461
- display: inline-block;
462
- width: 25%;
463
-
464
- }
 
 
 
465
 
466
- .apsl-themes-wrapper .apsl-theme{
467
  margin: 15px 0
468
- }
469
 
470
- .logo-wrap, .logo-content{
471
  float: left;
472
  margin-right: 15px
473
- }
 
474
  @media screen and (max-width: 1206px) {
475
  .apsl-outer-wrapper {
476
- width:100%;
477
  }
478
-
479
- .apsl-settings-tab{
480
- width: 20%;
481
- padding: 10px 0 0;
482
- text-align: center;
483
  }
484
  }
485
 
@@ -487,7 +530,7 @@ div#tab-apsl-theme-settings {
487
  width: 50%;
488
  }
489
 
490
- .apsl_network_settings_outer label{
491
- width: 90%;
492
- vertical-align: top;
493
  }
1
  /* AccessPress Social login lite - Backend css */
2
 
3
+ .clear {
4
+ clear: both;
5
  }
6
 
7
  .clearfix:after {
13
  display: block;
14
  }
15
 
 
16
  .apsl-settings {
17
+ padding: 0 10px;
18
+ margin: 10px 0;
19
  }
20
 
21
  .apsl-label {
22
+ font-size: 14px;
23
+ font-weight: bold;
24
+ margin-bottom: 10px;
25
+ background-color: black;
26
+ color: black;
27
+ padding: 10px;
28
+ margin-top: -10px;
29
  }
30
+
31
  .apsl-settings-tab {
32
  border: 1px solid #fff;
33
  float: left;
34
  font-size: 13px;
35
  height: 31px;
36
+ list-style: outside none none;
37
  padding-left: 51px;
38
  padding-right: 51px;
39
  padding-top: 11px;
40
+ background: #DADADA none repeat scroll 0 0;
 
41
  }
42
 
 
43
  .apsl_show_hide {
44
+ float: right;
45
+ font-size: 20px;
46
+ margin-right: 5px;
47
  }
48
 
49
+ .apsl-settings-tabs-wrapper a {
50
+ text-decoration: none;
51
+ color: black;
52
  }
53
 
54
+ .apsl-active-tab a {
55
+ color: #595959;
56
+ border-bottom: 1px #595959 solid;
57
  }
58
 
 
59
  .main-title {
60
  font-size: 18px;
61
  margin-bottom: -9px;
62
+ margin-top: 10px;
63
+ }
64
 
65
  .apsl-settings {
66
  cursor: move;
67
  margin-bottom: 25px;
68
  width: 97%;
69
+ background: #fff;
 
70
  }
71
 
72
  .apsl-label {
74
  margin-left: -10px;
75
  width: 100%;
76
  }
77
+
78
  .apsl-enable-disable {
79
  padding-bottom: 13px;
80
  }
81
 
82
+ .apsl-settings.apsl-facebook-settings.ui-sortable-handle > input, .apsl-settings.apsl-twitter-settings.ui-sortable-handle > input, .apsl-settings.apsl-google-settings.ui-sortable-handle > input, .apsl-settings.apsl-linkedin-settings.ui-sortable-handle > input, .apsl-settings.apsl-instagram-settings.ui-sortable-handle > input, .apsl-settings.apsl-vk-settings.ui-sortable-handle > input, .apsl-settings.apsl-foursquare-settings.ui-sortable-handle > input, .apsl-settings.apsl-wordpress-settings.ui-sortable-handle > input, .apsl-settings.apsl-buffer-settings.ui-sortable-handle > input {
 
 
 
 
 
 
 
83
  margin-right: 30px;
84
+ margin-left: 5px;
85
  }
86
+
87
  .apsl-submit-settings.primary-button {
88
+ background: #0074a2 none repeat scroll 0 0;
89
  border: medium none;
90
  border-radius: 4px;
 
91
  color: #ffffff;
92
  font-weight: 600;
93
  padding: 9px 20px;
 
 
94
  }
95
 
96
+ .toplevel_page_apsl-lite input[type="text"] {
97
+ width: 70%;
98
  }
99
 
100
  .apsl-submit-settings.primary-button {
101
+ width: 120px;
102
+ cursor: pointer;
103
+ float: left;
104
  }
105
 
106
  span.apsl-info-note {
107
+ font-size: 18px;
108
  }
 
 
109
 
110
+ span.apsl-info-content {
111
+ font-style: italic;
112
  }
113
+
114
+ .apsl-info-lists li {
115
+ list-style-type: square;
116
  }
117
+
118
  ul.apsl-info-lists {
119
+ margin-left: 17px;
120
+ font-style: italic;
 
121
  }
122
+
123
  .apsl-settings-tabs-wrapper li .apsl-active-tab {
124
+ color: #fff;
125
+ background: rgb(5, 105, 168);
126
+ font-weight: bold;
127
+ background: transparent;
128
+ background: #0074a2;
129
+ /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
130
  }
131
+
132
  #tab-apsl-theme-settings .apsl-theme.apsl-png-theme {
133
  width: 10px;
134
  }
135
+
136
  #tab-apsl-theme-settings .apsl-themes {
137
+ margin-bottom: 14px;
138
  margin-top: 0px;
139
  padding-bottom: 10px;
140
  padding-left: 0px;
141
  width: 100%;
142
+ }
143
 
144
  #tab-apsl-theme-settings h3 {
145
+ font-size: 14px;
146
+ font-weight: bold;
147
+ margin-bottom: 10px;
148
+ background-color: #DADADA;
149
+ color: white;
150
+ padding: 10px;
 
151
  }
152
+
153
  #tab-apsl-how-to-use > p {
154
  background: #DADADA none repeat scroll 0 0;
155
  color: #000;
159
  padding-top: 5px;
160
  width: 98%;
161
  }
162
+
163
  #tab-apsl-how-to-use {
164
+ width: 100%;
165
+ margin-top: -6px;
166
+ background-color: #fff;
167
  }
168
+
169
  #tab-apsl-how-to-use dl {
170
  padding-left: 5px;
171
  padding-bottom: 1px;
172
  }
173
+
174
  #tab-apsl-how-to-use strong {
175
  font-size: 15px;
176
  }
177
+
178
  #tab-apsl-how-to-use dd {
179
  margin-left: 0;
180
  margin-top: 12px;
181
  }
182
+
183
  #tab-apsl-how-to-use dt {
184
  margin-top: 14px;
185
  }
186
+
187
  #tab-apsl-how-to-use p {
188
  margin-bottom: 6px;
189
  }
190
+
191
  #tab-apsl-how-to-use dl {
192
  padding-bottom: 10px;
193
+ }
194
+
195
+ #tab-apsl-how-to-use .how-list li {
196
  list-style-type: square;
197
+ margin-left: 13px;
198
+ }
199
+
200
  #tab-apsl-about .more-product img {
201
  width: 100px;
202
  }
203
+
204
  #tab-apsl-about {
205
+ width: 98%;
206
+ margin-bottom: 29px;
207
+ padding-bottom: 22px;
208
+ background-color: #fff;
209
  }
210
+
211
+ #tab-apsl-about .ap-title {
212
  background: #DADADA none repeat scroll 0 0;
213
  color: #000;
214
  font-size: 14px;
217
  padding-left: 5px;
218
  padding-top: 6px;
219
  }
220
+
221
  #tab-apsl-about .more-title {
222
  background: #DADADA none repeat scroll 0 0;
223
  color: #000;
226
  padding-top: 10px;
227
  text-align: center;
228
  }
229
+
230
  #tab-apsl-about .more-product > li {
231
+ float: left!important;
232
+ width: 250px!important;
233
+ margin-left: 7px;
234
  }
235
+
236
  #tab-apsl-about .more-product img {
237
  margin-left: -109px;
238
  padding-bottom: 21px;
239
  }
240
+
241
  #tab-apsl-about .more-product a {
242
  text-decoration: none;
243
  }
244
+
245
  .apsl-message {
246
  background: #0074a2 none repeat scroll 0 0;
247
  border-left: 5px solid #78B343;
255
  padding-top: 3px;
256
  width: 99%;
257
  }
258
+
259
+ .fb, .twt, .gp, .utube, .skype {
260
  float: left;
261
+ width: 100px;
262
  }
263
+
264
+ .pin {
265
+ width: 100px;
266
  }
267
+
268
  .about-social .fb .fa {
269
  background: #3d5c99 none repeat scroll 0 0;
270
  color: #ffffff;
271
  font-size: 25px;
272
+ padding: 20px;
273
+ }
274
+
275
+ .about-social .twt .fa {
276
+ background: #2594C4 none repeat scroll 0 0;
277
  color: #ffffff;
278
  font-size: 25px;
279
+ padding: 20px;
280
+ }
281
+
282
+ .about-social .gp .fa {
283
+ background: #A83636 none repeat scroll 0 0;
284
  color: #ffffff;
285
  font-size: 25px;
286
+ padding: 20px;
287
+ }
288
+
289
+ .about-social .utube .fa {
290
+ background: #B03434 none repeat scroll 0 0;
291
  color: #ffffff;
292
  font-size: 25px;
293
+ padding: 20px;
294
+ }
295
+
296
+ .about-social .skype .fa {
297
+ background: #169AD1 none repeat scroll 0 0;
298
  color: #ffffff;
299
  font-size: 25px;
300
+ padding: 20px;
301
+ }
302
+
303
+ .about-social .pin .fa {
304
+ background: #A6212B none repeat scroll 0 0;
305
  color: #ffffff;
306
  font-size: 25px;
307
+ padding: 20px;
308
+ }
309
+
310
  #tab-apsl-about .about-social span {
311
  display: block;
312
  margin-top: 1px;
315
 
316
  .apsl-setting-header.clearfix {
317
  background: #0074a2 none repeat scroll 0 0;
318
+ margin-bottom: 10px;
319
  margin-top: 10px;
320
  padding-bottom: 13px;
321
  width: 100%;
324
  .apsl-right-header-block {
325
  float: right;
326
  margin-right: 12px;
327
+ color: #fff;
328
  }
329
+
330
  .apsl-headerlogo {
331
  float: left;
332
  }
338
  margin-left: 15px;
339
  margin-top: 33px;
340
  }
341
+
342
  input.apsl-reset-button.button.primary-button {
343
+ background-color: #0074A2;
344
+ border: none;
345
+ width: 165px;
346
+ padding-left: 7px;
347
+ padding-top: 2px;
348
+ height: 37px;
349
+ margin-left: 10px;
350
+ font-weight: 600;
351
+ margin-top: 2px;
352
+ color: #fff;
 
353
  }
354
+
355
  span.plugin-version {
356
+ display: block;
357
+ font-size: 11px;
358
  }
359
 
360
  .apsl-display-options input#apsl_enable_plugin {
361
+ width: 1px;
362
+ margin-left: 21px;
363
  }
364
+
365
  .apsl-display-options input#apsl_disable_plugin {
366
+ width: 1px;
367
  }
368
+
369
  input.apsl-reset-button.button.primary-button:hover {
370
+ opacity: 0.7;
371
+ -webkit-transition: all 1s ease;
372
+ /* Safari 3.2+, Chrome */
373
+ -moz-transition: all 1s ease;
374
+ /* Firefox 4-15 */
375
+ -o-transition: all 1s ease;
376
+ /* Opera 10.5-12.00 */
377
+ transition: all 1s ease;
378
+ /* Firefox 16+, Opera 12.50+ */
379
  }
380
+
381
  .apsl-submit-settings.primary-button:hover {
382
+ opacity: 0.7;
383
+ -webkit-transition: all 1s ease;
384
+ /* Safari 3.2+, Chrome */
385
+ -moz-transition: all 1s ease;
386
+ /* Firefox 4-15 */
387
+ -o-transition: all 1s ease;
388
+ /* Opera 10.5-12.00 */
389
+ transition: all 1s ease;
390
+ /* Firefox 16+, Opera 12.50+ */
391
  }
392
+
393
  .apsl-display-options {
394
+ margin-top: 9px;
395
+ margin-left: 0px;
396
+ width: 100%;
 
 
 
 
 
 
 
 
 
 
397
  }
398
 
399
+ #tab-apsl-theme-settings input#apsl-login-short-text {}
400
+
401
+ #tab-apsl-theme-settings input#apsl-login-with-long-text {}
402
+
403
+ #tab-apsl-theme-settings input#apsl_each_link_title_attribute {}
404
+
405
  #tab-apsl-theme-settings .apsl-each-link-title-attribute {
406
+ padding-left: 7px;
 
407
  }
408
+
409
  div#tab-apsl-theme-settings {
410
+ background-color: #fff;
411
+ width: 98%;
412
+ padding-bottom: 1px;
413
+ margin-bottom: 21px;
 
 
 
414
  }
415
+
416
+ #tab-apsl-theme-settings .apsl-each-login-short-text {
417
+ padding-left: 6px;
418
+ }
419
+
420
  #tab-apsl-theme-settings .apsl-title-text-field {
421
+ padding-left: 6px;
422
  }
423
+
424
  #tab-apsl-theme-settings .apsl-each-login-long-text {
425
+ padding-left: 7px;
426
  }
427
+
428
  #tab-apsl-about ul.about-social.clearfix {
429
+ margin-left: 7px;
430
  }
431
+
432
  #tab-apsl-about strong {
433
+ margin-left: 7px;
434
  }
435
 
436
+ #tab-apsl-theme-settings .apsl-settings {
437
+ cursor: auto
438
  }
439
+
440
+
441
  /** Added By regan **/
442
+
443
  .apsl-settings-tabs-wrapper.clearfix {
444
+ border: 1px solid #bbb;
445
+ background-color: white;
446
+ padding: 0px 10px;
447
+ margin-bottom: 12px;
448
  }
449
 
450
  .apsl-setting-tabs-wrapper {
451
+ border: 1px solid #bbb;
452
+ background-color: white;
453
+ padding: 15px;
454
  }
455
+
456
  .apsl-outer-wrapper {
457
+ width: 1024px;
458
  }
459
+
460
  .apsl_network_settings_wrapper label {
461
+ display: inline-block;
462
+ width: 25%;
463
+ font-weight: bold;
464
  }
465
+
466
  .apsl-app-id-wrapper, .apsl-app-secret-wrapper {
467
+ margin-bottom: 15px;
468
  }
469
+
470
  .apsl-info {
471
+ background-color: #FFFBCC;
472
+ color: black !important;
473
+ padding: 10px;
474
+ margin-bottom: 28px;
475
  }
476
 
477
+ .social-login span, .social-login-buddypress span, .social-login-woocommerce span {
478
+ width: 35%;
479
+ display: inline-block;
480
+ }
481
 
482
+ #your-profile label+a, fieldset label, label {
483
  margin-right: 10px
484
+ }
485
 
486
+ .apsl-themes > div {
487
+ margin: 10px 0 20px;
488
+ }
489
 
490
+ .apsl-theme-previewbox {
491
  margin-top: 10px
492
+ }
493
 
494
+ .apsl-theme > label {
495
  font-weight: bold;
496
  font-size: 14px;
497
+ }
498
 
499
+ .apsl-theme span {
500
+ margin-left: 5px;
501
+ display: inline-block;
502
+ }
503
+
504
+ .apsl-title-text-field span, .apsl-each-login-short-text span, .apsl-each-login-long-text span, .apsl-each-link-title-attribute span {
505
+ display: inline-block;
506
+ width: 25%;
507
+ }
508
 
509
+ .apsl-themes-wrapper .apsl-theme {
510
  margin: 15px 0
511
+ }
512
 
513
+ .logo-wrap, .logo-content {
514
  float: left;
515
  margin-right: 15px
516
+ }
517
+
518
  @media screen and (max-width: 1206px) {
519
  .apsl-outer-wrapper {
520
+ width: 100%;
521
  }
522
+ .apsl-settings-tab {
523
+ width: 20%;
524
+ padding: 10px 0 0;
525
+ text-align: center;
 
526
  }
527
  }
528
 
530
  width: 50%;
531
  }
532
 
533
+ .apsl_network_settings_outer label {
534
+ width: 90%;
535
+ vertical-align: top;
536
  }
inc/backend/main-page.php CHANGED
@@ -101,13 +101,13 @@ $options = get_option( APSL_SETTINGS );
101
  if( isset( $options['apsl_facebook_settings']['apsl_profile_image_width'] ) ) {
102
  echo $options['apsl_facebook_settings']['apsl_profile_image_width'];
103
  }
104
- ?>' /> px
105
  <br />
106
  <label for='apsl-fb-profile-image-height'><?php _e( 'Height:', 'accesspress-social-login-lite' ); ?></label> <input type='number' name='apsl_facebook_settings[apsl_profile_image_height]' id='apsl-fb-profile-image-height' value='<?php
107
  if( isset( $options['apsl_facebook_settings']['apsl_profile_image_height'] ) ) {
108
  echo $options['apsl_facebook_settings']['apsl_profile_image_height'];
109
  }
110
- ?>' /> px
111
  <div class='apsl-info'>Please note that the facebook might not provide the exact dimention of the image as settings above.</div>
112
  </div>
113
  <div class='apsl-info'>
101
  if( isset( $options['apsl_facebook_settings']['apsl_profile_image_width'] ) ) {
102
  echo $options['apsl_facebook_settings']['apsl_profile_image_width'];
103
  }
104
+ ?>' style="width: 60px;" /> px
105
  <br />
106
  <label for='apsl-fb-profile-image-height'><?php _e( 'Height:', 'accesspress-social-login-lite' ); ?></label> <input type='number' name='apsl_facebook_settings[apsl_profile_image_height]' id='apsl-fb-profile-image-height' value='<?php
107
  if( isset( $options['apsl_facebook_settings']['apsl_profile_image_height'] ) ) {
108
  echo $options['apsl_facebook_settings']['apsl_profile_image_height'];
109
  }
110
+ ?>' style="width: 60px;" /> px
111
  <div class='apsl-info'>Please note that the facebook might not provide the exact dimention of the image as settings above.</div>
112
  </div>
113
  <div class='apsl-info'>
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: social, login, social login, facebook, twitter, google, social connect, s
4
  Donate link: http://accesspressthemes.com/donation/
5
  Requires at least: 3.8
6
  Tested up to: 4.7
7
- Stable tag: 3.2.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -137,6 +137,9 @@ Yes. You can use the AccessPress social login lite anywhere by using shortcode i
137
  4. Backend Other settings Section.
138
 
139
  == Changelog ==
 
 
 
140
  = 3.2.0 =
141
  * Tested the plugin compactibility with wordpress version 4.7
142
 
4
  Donate link: http://accesspressthemes.com/donation/
5
  Requires at least: 3.8
6
  Tested up to: 4.7
7
+ Stable tag: 3.2.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
137
  4. Backend Other settings Section.
138
 
139
  == Changelog ==
140
+ = 3.2.1 =
141
+ * Fixed the input field size for the image size settings for the facebook.
142
+
143
  = 3.2.0 =
144
  * Tested the plugin compactibility with wordpress version 4.7
145