AccessPress Instagram Feed - Version 1.0.4

Version Description

  • Add the hover effect in sidebar widget images.
  • Fixed the css bug.
Download this release

Release Info

Developer Access Keys
Plugin Icon 128x128 AccessPress Instagram Feed
Version 1.0.4
Comparing to
See all releases

Code changes from version 1.0.3 to 1.0.4

accesspress-instagram-feed.php CHANGED
@@ -4,7 +4,7 @@ defined( 'ABSPATH' ) or die( "No script kiddies please!" );
4
Plugin name: AccessPress Instagram Feed
5
Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-instagram-feed/
6
Description: A plugin to add various instagram widgets with dynamic configuration options.
7
- Version: 1.0.3
8
Author: AccessPress Themes
9
Author URI: http://accesspressthemes.com
10
Text Domain:if-feed
@@ -14,7 +14,7 @@ License: GPLv2 or later
14
15
//Decleration of the necessary constants for plugin
16
if(!defined ( 'APIF_VERSION' ) ){
17
- define ( 'APIF_VERSION', '1.0.3' );
18
}
19
20
if( !defined( 'APIF_IMAGE_DIR' ) ){
4
Plugin name: AccessPress Instagram Feed
5
Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-instagram-feed/
6
Description: A plugin to add various instagram widgets with dynamic configuration options.
7
+ Version: 1.0.5
8
Author: AccessPress Themes
9
Author URI: http://accesspressthemes.com
10
Text Domain:if-feed
14
15
//Decleration of the necessary constants for plugin
16
if(!defined ( 'APIF_VERSION' ) ){
17
+ define ( 'APIF_VERSION', '1.0.5' );
18
}
19
20
if( !defined( 'APIF_IMAGE_DIR' ) ){
css/frontend.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
/*******************************Mosaic View layout*************************************/
3
.clearfix:before,
4
.clearfix:after{
@@ -68,11 +67,6 @@
68
padding: 5px;
69
}
70
71
- body
72
- {
73
- overflow-x: hidden;
74
- }
75
-
76
77
#owl-demo .item{
78
margin: 3px;
@@ -194,13 +188,23 @@ span.instagram_like_count {
194
display: block;
195
}
196
.instagram-widget {
197
- margin-left: -3%;
198
- padding: 3%;
199
}
200
.instagram-widget li {
201
- width: 33.33%;
202
float: left;
203
- padding-left: 3%;
204
}
205
206
.widget-title-insta {
@@ -211,39 +215,44 @@ span.instagram_like_count {
211
line-height: normal;
212
position: relative;
213
}
214
- .profile{
215
background:#295988;
216
- padding:5px;
217
}
218
- .profile-img{
219
- float:left;
220
- width:40px;
221
- height:40px;
222
border:1px solid #ffffff;
223
overflow: hidden;
224
border-radius: 100%;
225
}
226
- .profile-img img{
227
width:100%;
228
height:100%;
229
border-radius: 100%;
230
}
231
- .profile-name{
232
- text-align:center;
233
- padding-left:45px;
234
- font-size:16px;
235
- line-height:40px;
236
font-weight:bold;
237
text-transform: uppercase;
238
color:#ffffff;
239
}
240
- .profile-follow{
241
background: #F8F8F8;
242
padding:5px;
243
border-bottom:1px solid #eeeeee;
244
position:relative;
245
}
246
- .profile-follow>div{
247
float:left;
248
width:25%;
249
text-align:center;
@@ -251,14 +260,14 @@ span.instagram_like_count {
251
font-size:12px;
252
color:#295988;
253
}
254
- .profile-follow>div>span{
255
display: block;
256
font-weight:normal;
257
font-size:10px;
258
color:#999999;
259
text-transform: capitalize;
260
}
261
- .profile-follow .follow{
262
position:absolute;
263
top:0;
264
right:0;
@@ -266,10 +275,10 @@ span.instagram_like_count {
266
height:100%;
267
padding:5px;
268
}
269
- .follow-inner {
270
height: 100%;
271
}
272
- .profile-follow .follow a{
273
display: inline-block;
274
width:100%;
275
padding:5px 0px;
@@ -280,8 +289,36 @@ span.instagram_like_count {
280
font-weight:bold;
281
font-size:10px;
282
}
283
- .profile-follow .follow a:hover{
284
background:transparent;
285
color:#275A89;
286
border:1px solid #275A89;
287
- }
1
/*******************************Mosaic View layout*************************************/
2
.clearfix:before,
3
.clearfix:after{
67
padding: 5px;
68
}
69
70
71
#owl-demo .item{
72
margin: 3px;
188
display: block;
189
}
190
.instagram-widget {
191
+ width: 100%;
192
+ padding: 8px 0
193
+
194
}
195
.instagram-widget li {
196
+ width: 31.33%;
197
float: left;
198
+ margin-right: 3%;
199
+ margin-bottom: 3%;
200
+ list-style: none;
201
+ overflow: hidden;
202
+ height: 100px
203
+
204
+ }
205
+
206
+ .instagram-widget li:nth-child(3n){
207
+ margin-right: 0
208
}
209
210
.widget-title-insta {
215
line-height: normal;
216
position: relative;
217
}
218
+ .widget_apif_sidewidget .profile{
219
background:#295988;
220
+ padding:10px;
221
}
222
+ .widget_apif_sidewidget .profile-img{
223
+ width:15%;
224
border:1px solid #ffffff;
225
overflow: hidden;
226
border-radius: 100%;
227
+ display: inline-block;
228
+ vertical-align: middle;
229
+
230
}
231
+ .widget_apif_sidewidget .profile-img img{
232
width:100%;
233
height:100%;
234
border-radius: 100%;
235
+ display: inline-block;
236
+ vertical-align: middle;
237
}
238
+ .widget_apif_sidewidget .profile-name{
239
+ font-size:16px;
240
font-weight:bold;
241
text-transform: uppercase;
242
color:#ffffff;
243
+ line-height: 18px;
244
+ text-align: left;
245
+ display: inline-block;
246
+ vertical-align: middle;
247
+ margin-left: 10px;
248
}
249
+ .widget_apif_sidewidget .profile-follow{
250
background: #F8F8F8;
251
padding:5px;
252
border-bottom:1px solid #eeeeee;
253
position:relative;
254
}
255
+ .widget_apif_sidewidget .profile-follow>div{
256
float:left;
257
width:25%;
258
text-align:center;
260
font-size:12px;
261
color:#295988;
262
}
263
+ .widget_apif_sidewidget .profile-follow>div>span{
264
display: block;
265
font-weight:normal;
266
font-size:10px;
267
color:#999999;
268
text-transform: capitalize;
269
}
270
+ .widget_apif_sidewidget .profile-follow .follow{
271
position:absolute;
272
top:0;
273
right:0;
275
height:100%;
276
padding:5px;
277
}
278
+ .widget_apif_sidewidget .follow-inner {
279
height: 100%;
280
}
281
+ .widget_apif_sidewidget .profile-follow .follow a{
282
display: inline-block;
283
width:100%;
284
padding:5px 0px;
289
font-weight:bold;
290
font-size:10px;
291
}
292
+ .widget_apif_sidewidget .profile-follow .follow a:hover{
293
background:transparent;
294
color:#275A89;
295
border:1px solid #275A89;
296
+ }
297
+
298
+
299
+ .widget_apif_sidewidget li img{
300
+ /* transition: transform .2s ease-in-out;
301
+ -webkit-transition: transform .2s ease-in-out;
302
+ -moz-transition: transform .2s ease-in-out;
303
+ transform: scale(1.1),translateZ(0);
304
+ -webkit-transform: scale(1.1),translateZ(0);
305
+ -moz-transform: scale(1.1),translateZ(0);*/
306
+
307
+ max-width: none;
308
+ width: -webkit-calc(100% + 10px);
309
+ width: calc(100% + 10px);
310
+ opacity: 0.7;
311
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
312
+ transition: opacity 0.35s, transform 0.35s;
313
+ -webkit-transform: translate3d(-10px,0, 0);
314
+ transform: translate3d(-10px,0,0);
315
+ }
316
+
317
+ .widget_apif_sidewidget li img:hover{
318
+ /* transform: scale(1);
319
+ -webkit-transform: scale(1);
320
+ -moz-transform: scale(1);*/
321
+ -webkit-transform: translate3d(0,0,0);
322
+ transform: translate3d(0,0,0);
323
+ opacity: 1
324
+ }
inc/backend/widgetside.php CHANGED
@@ -103,7 +103,7 @@ global $apif_settings, $insta;
103
$j++;
104
$img = $vm['images']['thumbnail']['url'];
105
?>
106
- <li><img class="the-thumb" src="<?php echo esc_url($img); ?>"></li>
107
<?php
108
}
109
echo '</ul>';
103
$j++;
104
$img = $vm['images']['thumbnail']['url'];
105
?>
106
+ <li><img src="<?php echo esc_url($img); ?>"></li>
107
<?php
108
}
109
echo '</ul>';
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: instagram, instagram feed, instagram tag, instagram slider, instagarm mosa
4
Donate link: http://accesspressthemes.com/donation/
5
Requires at least: 3.8
6
Tested up to: 4.3
7
- Stable tag: 1.0.3
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
@@ -95,6 +95,14 @@ Once you install the plugin , you can check some general documentation about how
95
5. Backend Display Settings Section
96
97
== Changelog ==
98
= 1.0.3 =
99
* Fixed bug in widget file about file path.
100
4
Donate link: http://accesspressthemes.com/donation/
5
Requires at least: 3.8
6
Tested up to: 4.3
7
+ Stable tag: 1.0.5
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
95
5. Backend Display Settings Section
96
97
== Changelog ==
98
+
99
+ = 1.0.5 =
100
+ * Fixed the css bug.
101
+
102
+ = 1.0.4 =
103
+ * Add the hover effect in sidebar widget images.
104
+ * Fixed the css bug.
105
+
106
= 1.0.3 =
107
* Fixed bug in widget file about file path.
108