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

Files changed (4) hide show
  1. accesspress-instagram-feed.php +2 -2
  2. css/frontend.css +67 -30
  3. inc/backend/widgetside.php +1 -1
  4. readme.txt +9 -1
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