WP Responsive Recent Post Slider - Version 1.2.7

Version Description

  • [*] Fixed some CSS issue.
Download this release

Release Info

Developer anoopranawat
Plugin Icon 128x128 WP Responsive Recent Post Slider
Version 1.2.7
Comparing to
See all releases

Code changes from version 1.2.6 to 1.2.7

Files changed (5) hide show
  1. assets/css/recent-post-style.css +65 -81
  2. assets/css/slick.css +26 -33
  3. readme.txt +10 -3
  4. templates/designs/design-2.php +40 -38
  5. wp-recent-post-slider.php +2 -2
assets/css/recent-post-style.css CHANGED
@@ -1,85 +1,80 @@
1
  .wpcolumn, .wpcolumns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
2
 
3
  .post-overlay{ position:relative;}
4
- .recent-post-slider .wp-post-content a.readmorebtn {padding: 0px 10px;border: 1px solid #e7e7e7;text-decoration: none;margin: 5px 0;}
5
  .wp-post-content {padding-bottom: 10px;}
6
  .wp-sub-content {padding-bottom: 10px;}
7
  .recent-post-slider h2.wp-post-title{margin:5px 0 !important; line-height:22px;}
8
  .recent-post-slider h2.wp-post-title a{font-size:22px; line-height:22px;}
9
  .recent-post-slider .wp-post-date{margin-bottom:10px; position:relative; font-size:13px;}
10
- .recent-post-slider .wp-post-date::after { background: #e96656; bottom: -4px;content: "";height: 2px; left: 0; margin: auto ; position: absolute; width: 50px; z-index: 1;}
11
- .recent-post-slider .recentpost-categories ul.post-categories{margin:0px 0px 10px 0 !important; padding:0px !important; list-style:none !important}
12
- .recent-post-slider .recentpost-categories ul.post-categories li{display:inline-block !important; margin: 0 2px 0 0 !important; padding: 0 !important;}
13
- .recent-post-slider .recentpost-categories ul.post-categories li a{padding:5px 13px; text-transform:uppercase; font-size:12px; text-decoration:none;}
14
- .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(1) a{background:#1abc9c;}
15
- .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(2) a{background:#3498db;}
16
- .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(3) a{background:#e74c3c;}
17
- .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4) a{background:#34495e;}
18
-
 
 
 
19
  .recent-post-slider.design-1 .post-content-position{position:relative}
20
- .recent-post-slider.design-1 .post-content-left{position:absolute !important; left:0; bottom: 0px; background:rgba(0, 0, 0, 0.5); z-index:999; color:#fff;}
21
  .recent-post-slider.design-1 .post-content-left a {color:#fff;}
22
  .recent-post-slider.design-1 .post-content-left{padding: 20px 20px 35px 20px;}
23
- .recent-post-slider.design-1 .post-image-bg{background: #f1f1f1;height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;}
24
- .recent-post-slider.design-1 .post-image-bg img {transition: height 0.1s ease-in-out ; transition: transform 0.8s cubic-bezier(.65,.05,.36,1); left: -9999px; margin: 0 auto !important; opacity: 1; position: absolute; right: -9999px; width:auto !important; max-width:980px !important;}
25
  .recent-post-slider.design-1 .wp-post-content p{color:#fff;}
26
-
27
  .recent-post-slider.design-1 .slick-arrow {bottom:0px !important; top:auto !important;}
28
  .recent-post-slider.design-1 .slick-next{right:0px !important;}
29
- .recent-post-slider.design-1 .slick-prev{right:31px !important; left:auto !important}
30
  .recent-post-slider.design-1 .slick-dots{left:15px !important; bottom:8px !important;}
31
 
32
- .recent-post-slider.design-2 .post-content-position{position:relative}
 
33
  .recent-post-slider.design-2 .post-content-left{position:absolute !important; left:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:999; color:#fff;}
34
  .recent-post-slider.design-2 .post-content-left a{color:#fff;}
35
- .design-2 .post-content-left{padding: 30px 20px;}
36
- .recent-post-slider.design-2 .post-image-bg{background: #f1f1f1;height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;}
37
- .recent-post-slider.design-2 .post-image-bg img {transition: height 0.1s ease-in-out ; transition: transform 0.8s cubic-bezier(.65,.05,.36,1); left: -9999px; margin: 0 auto !important; opacity: 1; position: absolute; right: -9999px; width:auto !important; max-width:980px !important;}
38
  .recent-post-slider.design-2 .wp-post-content p{color:#fff;}
39
-
40
  .recent-post-slider.design-2 .slick-arrow {bottom:0px !important; top:auto !important;}
41
  .recent-post-slider.design-2 .slick-next{right:0px !important;}
42
- .recent-post-slider.design-2 .slick-prev{right:31px !important; left:auto !important}
43
  .recent-post-slider.design-2 .slick-dots{left:15px !important; bottom:8px !important;}
 
44
 
45
- .recent-post-slider.design-3 .post-image-bg{background: #f1f1f1;height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;}
46
- .recent-post-slider.design-3 .post-image-bg img {transition: height 0.1s ease-in-out ; transition: transform 0.8s cubic-bezier(.65,.05,.36,1); left: -9999px; margin: 0 auto !important; opacity: 1; position: absolute; right: -9999px; width:auto !important; max-width:980px !important;}
47
- .recent-post-slider.design-3 a{color:#fff;}
48
  .recent-post-slider.design-3 .post-short-content{height: 46%;clear:both; background: rgba(51, 51, 51, 0.5);bottom: 0; color: #fff; left: 0; padding: 15px 30px 35px 30px; position: absolute; right: 0; transition: all 0.5s ease-in-out 0s;}
49
- .recent-post-slider.design-3 .wp-post-content { opacity: 0; height:0; transition: all 0.5s ease-in-out 0s; }
50
- .recent-post-slider.design-3 .post-overlay:hover > .post-short-content .wp-post-content{opacity:1;height:auto; }
51
- .recent-post-slider.design-3 .post-overlay:hover > .post-short-content {height:70%; }
52
  .recent-post-slider.design-3 .recentpost-categories{left: 0;top: 0px;position: absolute;}
53
- .recent-post-slider.design-3 .wp-post-content p{color:#fff;}
54
-
55
-
 
56
  .recent-post-slider.design-3 .slick-arrow {bottom:0px !important; top:auto !important;}
57
  .recent-post-slider.design-3 .slick-next{right:0px !important;}
58
- .recent-post-slider.design-3 .slick-prev{right:31px !important; left:auto !important}
59
  .recent-post-slider.design-3 .slick-dots{left:15px !important; bottom:8px !important;}
60
 
61
-
62
  .recent-post-slider.design-4 .post-list-content, .recent-post-slider.design-4 .post-list{width:100%; float:left; clear:both;}
63
-
64
  .recent-post-slider.design-4 .post-list-content .wp-post-title a{color:#444; text-decoration:none;}
65
  .recent-post-slider.design-4 .post-image-bg{background: #f1f1f1;height: 230px !important;line-height: 0; overflow: hidden; position: relative; width: 100%;}
66
- .recent-post-slider.design-4 .post-image-bg img {transition: all 0.2s ease-in-out 0s; left: -9999px; margin: 0 auto !important; opacity: 1; position: absolute; right: -9999px;width:auto !important; max-width:500px !important;}
67
  .recent-post-slider.design-4 .recentpost-categories {margin-top: 0;}
68
  .recent-post-slider.design-4 .recentpost-categories a{color:#fff;}
69
- .recent-post-slider.design-4 .wp-medium-5 {padding: 0px 10px 0 0;}
70
  .recent-post-slider.design-4 .post-list-content .wp-medium-7{padding:10px 35px 10px 15px;}
71
-
72
-
73
- .recent-post-slider.design-4 .slick-arrow {top:38% !important;}
74
  .recent-post-slider.design-4 .slick-next{right:0px !important;}
75
  .recent-post-slider.design-4 .slick-prev{left:0px !important;}
76
- .recent-post-slider.design-4 .slick-dots{left:15px !important; right:15px !important; bottom:0px !important; text-align:center; width:100%;}
77
-
78
-
79
 
80
- img { -ms-interpolation-mode: bicubic; }
81
  .wpcolumn,
82
- .wpcolumns { padding-left: 0.9375em; padding-right: 0.9375em; width:100%; float: left; position: relative; }
83
 
84
  @media only screen and (max-width: 768px) {
85
  .recent-post-slider.design-1 .post-image-bg img, .recent-post-slider.design-2 .post-image-bg img, .recent-post-slider.design-3 .post-image-bg img{max-width:700px !important}
@@ -90,47 +85,36 @@ img { -ms-interpolation-mode: bicubic; }
90
  .recent-post-slider.design-1 .wp-post-content, .recent-post-slider.design-2 .wp-post-content, .recent-post-slider.design-3 .wp-post-content{display:none}
91
  }
92
 
93
-
94
-
95
  @media only screen {
96
-
97
  .wpcolumn, .wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em; float: left; }
98
-
99
- }
100
  @media only screen and (min-width: 40.0625em) {
101
-
102
  .wpcolumn,
103
  .wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
104
 
105
- .wp-medium-1 { width: 8.33333%; }
106
- .wp-medium-2 { width: 16.66667%; }
107
- .wp-medium-3 { width: 25%; }
108
- .wp-medium-4 { width: 33.33333%; }
109
- .wp-medium-5 { width: 41.66667%; }
110
- .wp-medium-6 { width: 50%; }
111
- .wp-medium-7 { width: 58.33333%; }
112
- .wp-medium-8 { width: 66.66667%; }
113
- .wp-medium-9 { width: 75%; }
114
- .wp-medium-10 { width: 83.33333%; }
115
- .wp-medium-11 { width: 91.66667%; }
116
- .wp-medium-12 { width: 100%; }
117
-
118
- .medium-offset-0 { margin-left: 0 !important; }
119
- .medium-offset-1 { margin-left: 8.33333% !important; }
120
- .medium-offset-2 { margin-left: 16.66667% !important; }
121
- .medium-offset-3 { margin-left: 25% !important; }
122
- .medium-offset-4 { margin-left: 33.33333% !important; }
123
- .medium-offset-5 { margin-left: 41.66667% !important; }
124
- .medium-offset-6 { margin-left: 50% !important; }
125
- .medium-offset-7 { margin-left: 58.33333% !important; }
126
- .medium-offset-8 { margin-left: 66.66667% !important; }
127
- .medium-offset-9 { margin-left: 75% !important; }
128
- .medium-offset-10 { margin-left: 83.33333% !important; }
129
- .medium-offset-11 { margin-left: 91.66667% !important; }
130
-
131
-
132
-
133
- }
134
-
135
-
136
-
1
  .wpcolumn, .wpcolumns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
2
 
3
  .post-overlay{ position:relative;}
4
+ .recent-post-slider .wp-post-content a.readmorebtn {padding: 3px 10px;border: 1px solid #e7e7e7;text-decoration: none;margin: 5px 0;}
5
  .wp-post-content {padding-bottom: 10px;}
6
  .wp-sub-content {padding-bottom: 10px;}
7
  .recent-post-slider h2.wp-post-title{margin:5px 0 !important; line-height:22px;}
8
  .recent-post-slider h2.wp-post-title a{font-size:22px; line-height:22px;}
9
  .recent-post-slider .wp-post-date{margin-bottom:10px; position:relative; font-size:13px;}
10
+ .recent-post-slider .wp-post-date::after { background: #e96656; bottom: -4px;content: "";height: 2px; left: 0; margin: auto ; position: absolute; width: 50px; z-index: 1;}
11
+ .recent-post-slider .recentpost-categories ul.post-categories{margin:0px 0px 10px 0 !important; padding:0px !important; list-style:none !important; font-size: 0;}
12
+ .recent-post-slider .recentpost-categories ul.post-categories li{display:inline-block !important; margin: 2px !important; padding: 0 !important;}
13
+ .recent-post-slider .recentpost-categories ul.post-categories li a{padding:5px 13px; text-transform:uppercase; font-size:12px; text-decoration:none; color: #fff; display: block; line-height: normal;}
14
+ .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4n+1) a{background:#1abc9c;}
15
+ .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4n+2) a{background:#3498db;}
16
+ .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4n+3) a{background:#e74c3c;}
17
+ .recent-post-slider .recentpost-categories ul.post-categories li:nth-child(4n+4) a{background:#34495e;}
18
+
19
+ .recent-post-slider .post-image-bg img{height: 100%;width: 100%;object-fit: cover;object-position: top center;border-radius: 0px;}
20
+
21
+ /***************Design-1**************/
22
  .recent-post-slider.design-1 .post-content-position{position:relative}
23
+ .recent-post-slider.design-1 .post-content-left{position:absolute !important; left:0; bottom: 0px; background:rgba(0, 0, 0, 0.5); z-index:999; color:#fff;}
24
  .recent-post-slider.design-1 .post-content-left a {color:#fff;}
25
  .recent-post-slider.design-1 .post-content-left{padding: 20px 20px 35px 20px;}
26
+ .recent-post-slider.design-1 .post-image-bg{background: #f1f1f1;height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;}
 
27
  .recent-post-slider.design-1 .wp-post-content p{color:#fff;}
 
28
  .recent-post-slider.design-1 .slick-arrow {bottom:0px !important; top:auto !important;}
29
  .recent-post-slider.design-1 .slick-next{right:0px !important;}
30
+ .recent-post-slider.design-1 .slick-prev{right:31px !important; left:auto !important;}
31
  .recent-post-slider.design-1 .slick-dots{left:15px !important; bottom:8px !important;}
32
 
33
+ /***************Design-2**************/
34
+ .recent-post-slider.design-2 .post-content-position{position:relative;}
35
  .recent-post-slider.design-2 .post-content-left{position:absolute !important; left:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:999; color:#fff;}
36
  .recent-post-slider.design-2 .post-content-left a{color:#fff;}
37
+ .recent-post-slider.design-2 .post-content-left{padding: 33px 20px;}
38
+ .recent-post-slider.design-2 .post-image-bg{background: #f1f1f1;height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;}
 
39
  .recent-post-slider.design-2 .wp-post-content p{color:#fff;}
 
40
  .recent-post-slider.design-2 .slick-arrow {bottom:0px !important; top:auto !important;}
41
  .recent-post-slider.design-2 .slick-next{right:0px !important;}
42
+ .recent-post-slider.design-2 .slick-prev{right:31px !important; left:auto !important;}
43
  .recent-post-slider.design-2 .slick-dots{left:15px !important; bottom:8px !important;}
44
+ .recent-post-slider.design-2 .recentpost-inner-content {width: 100%; max-height: 100%; overflow: hidden;}
45
 
46
+ /***************Design-3**************/
47
+ .recent-post-slider.design-3 .post-image-bg{background: #f1f1f1;height: 350px;line-height: 0; overflow: hidden; position: relative; width: 100%;}
 
48
  .recent-post-slider.design-3 .post-short-content{height: 46%;clear:both; background: rgba(51, 51, 51, 0.5);bottom: 0; color: #fff; left: 0; padding: 15px 30px 35px 30px; position: absolute; right: 0; transition: all 0.5s ease-in-out 0s;}
49
+ .recent-post-slider.design-3 .wp-post-content { opacity: 0; height:0; transition: all 0.5s ease-in-out 0s;}
50
+ .recent-post-slider.design-3 .post-overlay:hover > .post-short-content .wp-post-content{opacity:1;height:auto;}
51
+ .recent-post-slider.design-3 .post-overlay:hover > .post-short-content {height:70%;}
52
  .recent-post-slider.design-3 .recentpost-categories{left: 0;top: 0px;position: absolute;}
53
+ .recent-post-slider.design-3 .recentpost-categories ul.post-categories li{margin: 0 2px 2px 0 !important;}
54
+ .recent-post-slider.design-3 h2.wp-post-title a,
55
+ .recent-post-slider.design-3 .wp-post-content a.readmorebtn,
56
+ .recent-post-slider.design-3 .wp-post-content p{color: #fff;}
57
  .recent-post-slider.design-3 .slick-arrow {bottom:0px !important; top:auto !important;}
58
  .recent-post-slider.design-3 .slick-next{right:0px !important;}
59
+ .recent-post-slider.design-3 .slick-prev{right:31px !important; left:auto !important;}
60
  .recent-post-slider.design-3 .slick-dots{left:15px !important; bottom:8px !important;}
61
 
62
+ /***************Design-4**************/
63
  .recent-post-slider.design-4 .post-list-content, .recent-post-slider.design-4 .post-list{width:100%; float:left; clear:both;}
 
64
  .recent-post-slider.design-4 .post-list-content .wp-post-title a{color:#444; text-decoration:none;}
65
  .recent-post-slider.design-4 .post-image-bg{background: #f1f1f1;height: 230px !important;line-height: 0; overflow: hidden; position: relative; width: 100%;}
 
66
  .recent-post-slider.design-4 .recentpost-categories {margin-top: 0;}
67
  .recent-post-slider.design-4 .recentpost-categories a{color:#fff;}
68
+ .recent-post-slider.design-4 .wp-medium-5{padding: 0px 10px 0 0;}
69
  .recent-post-slider.design-4 .post-list-content .wp-medium-7{padding:10px 35px 10px 15px;}
70
+ .recent-post-slider.design-4 .slick-arrow{top:38% !important;}
 
 
71
  .recent-post-slider.design-4 .slick-next{right:0px !important;}
72
  .recent-post-slider.design-4 .slick-prev{left:0px !important;}
73
+ .recent-post-slider.design-4 .slick-dots{left: 0;right: 0;}
74
+ .recent-post-slider.design-4 .wp-post-content a.readmorebtn {color: #444; border-color: #444;}
 
75
 
 
76
  .wpcolumn,
77
+ .wpcolumns { padding-left: 0.9375em; padding-right: 0.9375em; width:100%; float: left; position: relative; }
78
 
79
  @media only screen and (max-width: 768px) {
80
  .recent-post-slider.design-1 .post-image-bg img, .recent-post-slider.design-2 .post-image-bg img, .recent-post-slider.design-3 .post-image-bg img{max-width:700px !important}
85
  .recent-post-slider.design-1 .wp-post-content, .recent-post-slider.design-2 .wp-post-content, .recent-post-slider.design-3 .wp-post-content{display:none}
86
  }
87
 
 
 
88
  @media only screen {
 
89
  .wpcolumn, .wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em; float: left; }
90
+ }
 
91
  @media only screen and (min-width: 40.0625em) {
 
92
  .wpcolumn,
93
  .wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
94
 
95
+ .wp-medium-1 {width: 8.33333%;}
96
+ .wp-medium-2 {width: 16.66667%;}
97
+ .wp-medium-3 {width: 25%;}
98
+ .wp-medium-4 {width: 33.33333%;}
99
+ .wp-medium-5 {width: 41.66667%;}
100
+ .wp-medium-6 {width: 50%;}
101
+ .wp-medium-7 {width: 58.33333%;}
102
+ .wp-medium-8 {width: 66.66667%;}
103
+ .wp-medium-9 {width: 75%;}
104
+ .wp-medium-10 {width: 83.33333%;}
105
+ .wp-medium-11 {width: 91.66667%;}
106
+ .wp-medium-12 {width: 100%;}
107
+
108
+ .medium-offset-0 {margin-left: 0 !important;}
109
+ .medium-offset-1 {margin-left: 8.33333% !important;}
110
+ .medium-offset-2 {margin-left: 16.66667% !important;}
111
+ .medium-offset-3 {margin-left: 25% !important;}
112
+ .medium-offset-4 {margin-left: 33.33333% !important;}
113
+ .medium-offset-5 {margin-left: 41.66667% !important;}
114
+ .medium-offset-6 {margin-left: 50% !important;}
115
+ .medium-offset-7 {margin-left: 58.33333% !important;}
116
+ .medium-offset-8 {margin-left: 66.66667% !important;}
117
+ .medium-offset-9 {margin-left: 75% !important;}
118
+ .medium-offset-10 {margin-left: 83.33333% !important;}
119
+ .medium-offset-11 {margin-left: 91.66667% !important;}
120
+ }
 
 
 
 
 
 
assets/css/slick.css CHANGED
@@ -1,44 +1,37 @@
1
- .recent-post-slider{visibility: hidden; opacity:0; transition:opacity 0.5s linear; }
2
- .slick-initialized { visibility: visible; opacity:1; }
3
 
4
  .recent-post-slider .slick-arrow{text-indent:-99999px;}
5
- .recent-post-slider button.slick-arrow {background-color: transparent!important; width:30px; height:51px; position:absolute; z-index:99; border:0px !important;
6
- padding:0 !important; margin:0px !important; border-radius:0px !important}
7
- .recent-post-slider button.slick-next, .recent-post-slider button.slick-next:hover, .recent-post-slider button.slick-next:focus{background:url(arrow-right.png) 0 0 no-repeat !important; background-size:30px 51px !important; outline:none !important}
8
- .recent-post-slider button.slick-prev, .recent-post-slider button.slick-prev:hover, .recent-post-slider button.slick-prev:focus{background:url(arrow-left.png) 0 0 no-repeat !important; background-size:30px 51px !important; outline:none !important}
9
  .recent-post-slider .slick-dots{padding:0 !important; margin:0 !important; position:absolute; text-align:center;}
10
  .recent-post-slider .slick-dots li button{text-indent:-99999px;}
11
- .recent-post-slider .slick-dots li {list-style:none !important; display:inline-block !important; margin:0 2px !important; padding:0px !important; }
12
  .recent-post-slider .slick-dots li button{background:#fff !important; margin:0px !important; padding:0px !important; border:1px solid #000; border-radius:50% !important; width:13px !important; height:13px !important;}
13
  .recent-post-slider .slick-dots li button:focus{outline:none !important}
 
14
  .recent-post-slider .slick-dots li.slick-active button{background:#444 !important;}
15
  .recent-post-slider .slick-slide{padding:0px !important}
16
- /* Slider */
 
17
  .slick-loading .slick-list{ background: #fff url('ajax-loader.gif') center center no-repeat;}
18
- .slick-slider{ position: relative;display: block; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;
19
- -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y;
20
- touch-action: pan-y; -webkit-tap-highlight-color: transparent;
21
- }
22
- .slick-list{ position: relative;display: block; overflow: hidden; margin: 0; padding: 0;}
23
- .slick-list:focus{ outline: none;}
24
- .slick-list.dragging{ cursor: pointer; cursor: hand;}
25
  .slick-slider .slick-track,
26
- .slick-slider .slick-list{
27
- -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
28
- transform: translate3d(0, 0, 0);
29
- }
30
- .slick-track{ position: relative;top: 0;left: 0; display: block;}
31
- .slick-track:before,
32
- .slick-track:after{ display: table; content: '';}
33
- .slick-track:after{ clear: both;}
34
  .slick-loading .slick-track{ visibility: hidden;}
35
- .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
36
- [dir='rtl'] .slick-slide
37
- { float: right;}
38
- .slick-slide img{ display: block;}
39
- .slick-slide.slick-loading img{ display: none;}
40
- .slick-slide.dragging img{ pointer-events: none;}
41
- .slick-initialized .slick-slide{ display: block;}
42
- .slick-loading .slick-slide{ visibility: hidden;}
43
- .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
44
- .slick-arrow.slick-hidden { display: none;}
1
+ .recent-post-slider{visibility: hidden; opacity:0; transition:opacity 0.5s linear;}
2
+ .slick-initialized { visibility: visible; opacity:1;}
3
 
4
  .recent-post-slider .slick-arrow{text-indent:-99999px;}
5
+ .recent-post-slider button.slick-arrow {background-color: transparent!important; width:30px; height:51px; position:absolute; z-index:99; border:0px !important;padding:0 !important; margin:0px !important; border-radius:0px !important;}
6
+ .recent-post-slider button.slick-next, .recent-post-slider button.slick-next:hover, .recent-post-slider button.slick-next:focus{background:url(arrow-right.png) 0 0 no-repeat !important; background-size:30px 51px !important; outline:none !important; box-shadow: none;}
7
+ .recent-post-slider button.slick-prev, .recent-post-slider button.slick-prev:hover, .recent-post-slider button.slick-prev:focus{background:url(arrow-left.png) 0 0 no-repeat !important; background-size:30px 51px !important; outline:none !important; box-shadow: none;}
 
8
  .recent-post-slider .slick-dots{padding:0 !important; margin:0 !important; position:absolute; text-align:center;}
9
  .recent-post-slider .slick-dots li button{text-indent:-99999px;}
10
+ .recent-post-slider .slick-dots li {list-style:none !important; display:inline-block !important; margin:0 2px !important; padding:0px !important;}
11
  .recent-post-slider .slick-dots li button{background:#fff !important; margin:0px !important; padding:0px !important; border:1px solid #000; border-radius:50% !important; width:13px !important; height:13px !important;}
12
  .recent-post-slider .slick-dots li button:focus{outline:none !important}
13
+ .recent-post-slider button:active{box-shadow: none;}
14
  .recent-post-slider .slick-dots li.slick-active button{background:#444 !important;}
15
  .recent-post-slider .slick-slide{padding:0px !important}
16
+
17
+ /*************** Slider ************/
18
  .slick-loading .slick-list{ background: #fff url('ajax-loader.gif') center center no-repeat;}
19
+ .slick-slider{ position: relative;display: block; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
20
+ .slick-list{position: relative;display: block; overflow: hidden; margin: 0; padding: 0;}
21
+ .slick-list:focus{outline: none;}
22
+ .slick-list.dragging{ cursor: pointer; cursor: hand;}
 
 
 
23
  .slick-slider .slick-track,
24
+ .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
25
+ .slick-track{position: relative;top: 0;left: 0;display: block;}
26
+ .slick-track:before, .slick-track:after{display: table;content: '';}
27
+ .slick-track:after{clear: both;}
 
 
 
 
28
  .slick-loading .slick-track{ visibility: hidden;}
29
+ .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
30
+ [dir='rtl'] .slick-slide{float: right;}
31
+ .slick-slide img{ display: block;}
32
+ .slick-slide.slick-loading img{ display: none;}
33
+ .slick-slide.dragging img{ pointer-events: none;}
34
+ .slick-initialized .slick-slide{ display: block;}
35
+ .slick-loading .slick-slide{ visibility: hidden;}
36
+ .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
37
+ .slick-arrow.slick-hidden {display: none;}
 
readme.txt CHANGED
@@ -17,6 +17,8 @@ View [DEMO](http://wponlinesupport.com/wp-plugin/wp-responsive-recent-post-slide
17
 
18
  View [PRO DEMO and Features](http://wponlinesupport.com/wp-plugin/wp-responsive-recent-post-slider/) for additional information.
19
 
 
 
20
  Need Featured Post section in your website? Try our plugin [Featured Post Creative](https://wordpress.org/plugins/featured-post-creative/).
21
 
22
  A multipurpose responsive WordPresss posts slider plugin powered with four built-in design template, lots of easy customizable options.
@@ -80,6 +82,7 @@ post_type="post" hide_post="1,2,3" show_author="false" show_read_more="true"]</c
80
  > * Recent Post Carousel with 11 designs.
81
  > * Shortcode <code>[recent_post_carousel]</code>
82
  > * 3 Widgets (Post slider, Post List/Slider-1, Post List/Slider-2)
 
83
  >
84
  > View [PRO DEMO and Features](http://wponlinesupport.com/wp-plugin/wp-responsive-recent-post-slider/) for additional information.
85
  >
@@ -113,11 +116,13 @@ post_type="post" hide_post="1,2,3" show_author="false" show_read_more="true"]</c
113
 
114
  == Changelog ==
115
 
 
 
 
116
  = 1.2.6 =
117
  * [+] Added "Post Slider - How it work" tab.
118
  * [-] Removed Por design tab.
119
 
120
-
121
  = 1.2.5 =
122
  * Added 'show_read_more' shortcode parameter for read more button.
123
  * Updated plugin design page.
@@ -137,7 +142,6 @@ post_type="post" hide_post="1,2,3" show_author="false" show_read_more="true"]</c
137
  = 1.2.1 =
138
  * Fixed some bugs
139
 
140
-
141
  = 1.2 =
142
  * Fixed some bugs
143
  * Added More designs in Pro version and fixed some bug
@@ -152,6 +156,9 @@ post_type="post" hide_post="1,2,3" show_author="false" show_read_more="true"]</c
152
 
153
  == Upgrade Notice ==
154
 
 
 
 
155
  = 1.2.6 =
156
  * [+] Added "Post Slider - How it work" tab.
157
  * [-] Removed Por design tab.
@@ -184,4 +191,4 @@ post_type="post" hide_post="1,2,3" show_author="false" show_read_more="true"]</c
184
  * Added More designs in Pro version and fixed some bug
185
 
186
  = 1.0 =
187
- * Initial release
17
 
18
  View [PRO DEMO and Features](http://wponlinesupport.com/wp-plugin/wp-responsive-recent-post-slider/) for additional information.
19
 
20
+ Download our all [FREE 34 WordPress Plugins](https://www.wponlinesupport.com/wp-online-support-all-free-34-plugins/?utm_source=wp&event=fd).
21
+
22
  Need Featured Post section in your website? Try our plugin [Featured Post Creative](https://wordpress.org/plugins/featured-post-creative/).
23
 
24
  A multipurpose responsive WordPresss posts slider plugin powered with four built-in design template, lots of easy customizable options.
82
  > * Recent Post Carousel with 11 designs.
83
  > * Shortcode <code>[recent_post_carousel]</code>
84
  > * 3 Widgets (Post slider, Post List/Slider-1, Post List/Slider-2)
85
+ > * V1.3.3 Support WordPress default post as well as any custom post-type and taxonomy
86
  >
87
  > View [PRO DEMO and Features](http://wponlinesupport.com/wp-plugin/wp-responsive-recent-post-slider/) for additional information.
88
  >
116
 
117
  == Changelog ==
118
 
119
+ = 1.2.7 =
120
+ * [*] Fixed some CSS issue.
121
+
122
  = 1.2.6 =
123
  * [+] Added "Post Slider - How it work" tab.
124
  * [-] Removed Por design tab.
125
 
 
126
  = 1.2.5 =
127
  * Added 'show_read_more' shortcode parameter for read more button.
128
  * Updated plugin design page.
142
  = 1.2.1 =
143
  * Fixed some bugs
144
 
 
145
  = 1.2 =
146
  * Fixed some bugs
147
  * Added More designs in Pro version and fixed some bug
156
 
157
  == Upgrade Notice ==
158
 
159
+ = 1.2.7 =
160
+ * [*] Fixed some CSS issue.
161
+
162
  = 1.2.6 =
163
  * [+] Added "Post Slider - How it work" tab.
164
  * [-] Removed Por design tab.
191
  * Added More designs in Pro version and fixed some bug
192
 
193
  = 1.0 =
194
+ * Initial release.
templates/designs/design-2.php CHANGED
@@ -1,4 +1,4 @@
1
- <?php
2
  global $separator;
3
  global $parents;
4
  global $post_id;
@@ -7,43 +7,45 @@ $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post_id) ); ?>
7
  <div class="post-slides">
8
  <div class="post-content-position">
9
 
10
- <!-- Content-left/right -->
11
- <div class="post-content-left wp-medium-6 wpcolumns">
12
- <?php if($showCategory == "true") { ?>
13
- <div class="recentpost-categories">
14
- <?php echo get_the_category_list( $separator, $parents, $post_id ); ?>
15
- </div>
16
- <?php } ?>
17
- <h2 class="wp-post-title">
18
- <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
19
- </h2>
20
- <?php if($showDate == "true" || $showAuthor == 'true') { ?>
21
- <div class="wp-post-date">
22
- <?php if($showAuthor == 'true') { ?> <span><?php esc_html_e( 'By', 'wp-responsive-recent-post-slider' ); ?> <?php the_author(); ?></span><?php } ?>
23
- <?php echo ($showAuthor == 'true' && $showDate == 'true') ? '&nbsp;/&nbsp;' : '' ?>
24
- <?php if($showDate == "true") { echo get_the_date(); } ?>
25
- </div>
26
- <?php } ?>
27
- <?php if($showContent == "true") { ?>
28
- <div class="wp-post-content">
29
- <?php
30
- $customExcerpt = get_the_excerpt();
31
- if (has_excerpt($post->ID)) { ?>
32
- <div class="wp-sub-content"><?php echo $customExcerpt ; ?></div>
33
- <?php } else {
34
- $excerpt = strip_tags(get_the_content()); ?>
35
- <div class="wp-sub-content"><?php echo wprps_limit_words($excerpt,$words_limit); ?></div>
36
- <?php } ?>
37
-
38
- <?php if($showreadmore == 'true') { ?>
39
- <a class="readmorebtn" href="<?php the_permalink(); ?>"><?php _e('Read More', 'wp-responsive-recent-post-slider'); ?></a>
40
- <?php } ?>
41
-
42
  </div>
43
  <?php } ?>
44
- </div>
45
- <div class="post-image-bg">
46
- <img src="<?php echo $feat_image; ?>"alt="<?php the_title(); ?>" />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47
  </div>
48
- </div>
49
- </div>
 
 
 
 
1
+ <?php
2
  global $separator;
3
  global $parents;
4
  global $post_id;
7
  <div class="post-slides">
8
  <div class="post-content-position">
9
 
10
+ <!-- Content-left/right -->
11
+ <div class="post-content-left wp-medium-6 wpcolumns">
12
+ <div class="recentpost-inner-content">
13
+ <?php if($showCategory == "true") { ?>
14
+ <div class="recentpost-categories">
15
+ <?php echo get_the_category_list( $separator, $parents, $post_id ); ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  </div>
17
  <?php } ?>
18
+ <h2 class="wp-post-title">
19
+ <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
20
+ </h2>
21
+ <?php if($showDate == "true" || $showAuthor == 'true') { ?>
22
+ <div class="wp-post-date">
23
+ <?php if($showAuthor == 'true') { ?> <span><?php esc_html_e( 'By', 'wp-responsive-recent-post-slider' ); ?> <?php the_author(); ?></span><?php } ?>
24
+ <?php echo ($showAuthor == 'true' && $showDate == 'true') ? '&nbsp;/&nbsp;' : '' ?>
25
+ <?php if($showDate == "true") { echo get_the_date(); } ?>
26
+ </div>
27
+ <?php } ?>
28
+ <?php if($showContent == "true") { ?>
29
+ <div class="wp-post-content">
30
+ <?php
31
+ $customExcerpt = get_the_excerpt();
32
+ if (has_excerpt($post->ID)) { ?>
33
+ <div class="wp-sub-content"><?php echo $customExcerpt ; ?></div>
34
+ <?php } else {
35
+ $excerpt = strip_tags(get_the_content()); ?>
36
+ <div class="wp-sub-content"><?php echo wprps_limit_words($excerpt,$words_limit); ?></div>
37
+ <?php } ?>
38
+
39
+ <?php if($showreadmore == 'true') { ?>
40
+ <a class="readmorebtn" href="<?php the_permalink(); ?>"><?php _e('Read More', 'wp-responsive-recent-post-slider'); ?></a>
41
+ <?php } ?>
42
+
43
+ </div>
44
+ <?php } ?>
45
  </div>
46
+ </div>
47
+ <div class="post-image-bg">
48
+ <img src="<?php echo $feat_image; ?>"alt="<?php the_title(); ?>" />
49
+ </div>
50
+ </div>
51
+ </div>
wp-recent-post-slider.php CHANGED
@@ -6,7 +6,7 @@
6
  * Domain Path: /languages/
7
  * Description: Easy to add and display Recent Post Slider
8
  * Author: WP Online Support
9
- * Version: 1.2.6
10
  * Author URI: http://www.wponlinesupport.com/
11
  *
12
  * @package WordPress
@@ -20,7 +20,7 @@
20
  * @since 1.0.0
21
  */
22
  if( !defined( 'WPRPS_VERSION' ) ) {
23
- define( 'WPRPS_VERSION', '1.2.6' ); // Version of plugin
24
  }
25
  if( !defined( 'WPRPS_DIR' ) ) {
26
  define( 'WPRPS_DIR', dirname( __FILE__ ) ); // Plugin dir
6
  * Domain Path: /languages/
7
  * Description: Easy to add and display Recent Post Slider
8
  * Author: WP Online Support
9
+ * Version: 1.2.7
10
  * Author URI: http://www.wponlinesupport.com/
11
  *
12
  * @package WordPress
20
  * @since 1.0.0
21
  */
22
  if( !defined( 'WPRPS_VERSION' ) ) {
23
+ define( 'WPRPS_VERSION', '1.2.7' ); // Version of plugin
24
  }
25
  if( !defined( 'WPRPS_DIR' ) ) {
26
  define( 'WPRPS_DIR', dirname( __FILE__ ) ); // Plugin dir