Responsive Pricing Table - Version 3.3.0

Version Description

  • SAFE UPDATE: No data loss for those upgrading from version 3.0 or higher
  • Added a new font-size preset for the price element
  • All font-sizes are more accurate and will better fit on your pages
  • Fixed styling issues for small screens
Download this release

Release Info

Developer spwebguy
Plugin Icon 128x128 Responsive Pricing Table
Version 3.3.0
Comparing to
See all releases

Code changes from version 3.2.4 to 3.3.0

Files changed (4) hide show
  1. css/rpt_custom_style.css +38 -25
  2. css/rpt_custom_style.min.css +1 -1
  3. readme.txt +6 -0
  4. rpt.php +7 -4
css/rpt_custom_style.css CHANGED
@@ -58,6 +58,10 @@
58
  .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {top:-36px;}
59
  .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {top:-26px;}
60
 
 
 
 
 
61
  .rpt_style_basic .rpt_plan .rpt_head {
62
  border-top:#222 solid 2px;
63
  background: #333333; /* Old browsers */
@@ -80,16 +84,19 @@
80
  text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
81
  }
82
 
83
- .rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:72px;}
84
- .rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:66px;}
 
85
 
86
  .rpt_4_plans .rpt_plan .rpt_head .rpt_price {font-size:69px; line-height:80px;}
87
- .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:63px; line-height:75px;}
88
- .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:57px; line-height:70px;}
 
89
 
90
  .rpt_5_plans .rpt_plan .rpt_head .rpt_price {font-size:59px; line-height:80px;}
91
- .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:54px; line-height:80px;}
92
- .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:47px; line-height:80px;}
 
93
 
94
  .rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence {
95
  font-size:13px;
@@ -107,24 +114,24 @@
107
  line-height:20px;
108
  font-weight:300;
109
  text-align:center;
110
- padding:10px 40px 20px;
111
  }
112
 
113
  .rpt_style_basic .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:14px;}
114
  .rpt_style_basic .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:12px;}
115
 
116
- .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {font-size:16px; line-height:18px; padding:10px 20px 20px;}
117
  .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:14px; line-height:17px;}
118
  .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:13px; line-height:16px;}
119
 
120
- .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {font-size:15px; line-height:18px; padding:10px 20px 20px;}
121
  .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:13px; line-height:17px;}
122
  .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:12px; line-height:16px;}
123
 
124
  .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
125
  font-size:14px;
126
  line-height:20px;
127
- padding:0px 40px 30px;
128
  font-weight:300;
129
  text-align:center;
130
  color:grey;
@@ -211,13 +218,17 @@
211
  .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {font-size:74px;}
212
  .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {font-size:67px;}
213
 
214
- .rpt_style_basic .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:93px;}
215
- .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:70px;}
216
- .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:64px;}
 
 
 
 
217
 
218
- .rpt_style_basic .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:88px;}
219
- .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:67px;}
220
- .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:61px;}
221
 
222
  .rpt_style_basic .rpt_recommended_plan .rpt_head {
223
  background: #1e1e1e; /* Old browsers */
@@ -231,7 +242,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', end
231
  }
232
 
233
  .rpt_style_basic .rpt_recommended_plan .rpt_foot {font-size:30px; padding:16px 0px;}
234
- .rpt_style_basic .rpt_sm_button .rpt_recommended_plan .rpt_foot {font-size:30px;}
235
 
236
  .rpt_4_plans .rpt_recommended_plan .rpt_foot {font-size:22px; font-weight:300; padding:10px 0px;}
237
  .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {font-size:19px; padding:10px 0px;}
@@ -255,28 +266,30 @@ img.rpt_recommended {float:right;}
255
 
256
  @media only screen and (max-width: 40em) {
257
  .rpt_style_basic .rpt_recommended_plan .rpt_foot {font-size:30px; font-weight:300; padding:20px 0px;}
258
- .rpt_style_basic .rpt_plan .rpt_head .rpt_price {font-size:74px;line-height:100px;}
259
- .rpt_style_basic .rpt_plan .rpt_title {font-size:26px;line-height:48px;}
260
  .rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
261
- font-size:16px;
262
- line-height:20px;
263
  padding:10px 40px 20px;
264
  }
265
 
266
  .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
267
- font-size:14px;
268
- line-height:20px;
269
  padding:0px 40px 30px;
270
  }
271
 
272
- .rpt_style_basic .rpt_plan .rpt_features .rpt_feature {padding:6px 16px;font-size:14px;}
273
 
274
  .rpt_style_basic .rpt_plan .rpt_foot {
275
  padding:10px 40px;
276
  text-align:center;
277
- font-size: 20px;
278
  }
279
 
280
  .rpt_plans .rpt_plan {width:96%;}
281
  .rpt_plans .rpt_plan {margin:10px 2% 20px !important;}
 
 
282
  }
58
  .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {top:-36px;}
59
  .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {top:-26px;}
60
 
61
+ .rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {font-size:30px; top:-44px;left:-4px;}
62
+ .rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {font-size:25px; top:-30px;left:-4px;}
63
+ .rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {font-size:21px; top:-14px; left:-4px;}
64
+
65
  .rpt_style_basic .rpt_plan .rpt_head {
66
  border-top:#222 solid 2px;
67
  background: #333333; /* Old browsers */
84
  text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
85
  }
86
 
87
+ .rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:62px;}
88
+ .rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:56px;}
89
+ .rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {font-size:38px;}
90
 
91
  .rpt_4_plans .rpt_plan .rpt_head .rpt_price {font-size:69px; line-height:80px;}
92
+ .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:53px; line-height:65px;}
93
+ .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:47px; line-height:64px;}
94
+ .rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {font-size:31px; line-height:60px;}
95
 
96
  .rpt_5_plans .rpt_plan .rpt_head .rpt_price {font-size:59px; line-height:80px;}
97
+ .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {font-size:44px; line-height:60px;}
98
+ .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {font-size:37px; line-height:53px;}
99
+ .rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {font-size:24px; line-height:50px;}
100
 
101
  .rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence {
102
  font-size:13px;
114
  line-height:20px;
115
  font-weight:300;
116
  text-align:center;
117
+ padding:10px 30px 20px;
118
  }
119
 
120
  .rpt_style_basic .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:14px;}
121
  .rpt_style_basic .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:12px;}
122
 
123
+ .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {font-size:16px; line-height:18px; padding:10px 10px 20px;}
124
  .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:14px; line-height:17px;}
125
  .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:13px; line-height:16px;}
126
 
127
+ .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {font-size:15px; line-height:18px; padding:10px 10px 20px;}
128
  .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:13px; line-height:17px;}
129
  .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {font-size:12px; line-height:16px;}
130
 
131
  .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
132
  font-size:14px;
133
  line-height:20px;
134
+ padding:0px 20px 30px;
135
  font-weight:300;
136
  text-align:center;
137
  color:grey;
218
  .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {font-size:74px;}
219
  .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {font-size:67px;}
220
 
221
+ .rpt_style_basic .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:83px;}
222
+ .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:60px;}
223
+ .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:54px;}
224
+
225
+ .rpt_style_basic .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:55px;}
226
+ .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:49px;}
227
+ .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:41px;}
228
 
229
+ .rpt_style_basic .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:42px;}
230
+ .rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:34px;}
231
+ .rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {font-size:26px;}
232
 
233
  .rpt_style_basic .rpt_recommended_plan .rpt_head {
234
  background: #1e1e1e; /* Old browsers */
242
  }
243
 
244
  .rpt_style_basic .rpt_recommended_plan .rpt_foot {font-size:30px; padding:16px 0px;}
245
+ .rpt_style_basic .rpt_sm_button .rpt_recommended_plan .rpt_foot {font-size:25px;}
246
 
247
  .rpt_4_plans .rpt_recommended_plan .rpt_foot {font-size:22px; font-weight:300; padding:10px 0px;}
248
  .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {font-size:19px; padding:10px 0px;}
266
 
267
  @media only screen and (max-width: 40em) {
268
  .rpt_style_basic .rpt_recommended_plan .rpt_foot {font-size:30px; font-weight:300; padding:20px 0px;}
269
+ .rpt_style_basic .rpt_plan .rpt_head .rpt_price {font-size:74px !important;line-height:100px !important;}
270
+ .rpt_style_basic .rpt_plan .rpt_title {font-size:26px !important;line-height:48px;}
271
  .rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
272
+ font-size:17px !important;
273
+ line-height:28px;
274
  padding:10px 40px 20px;
275
  }
276
 
277
  .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
278
+ font-size:15px !important;
279
+ line-height:26px !important;
280
  padding:0px 40px 30px;
281
  }
282
 
283
+ .rpt_style_basic .rpt_plan .rpt_features .rpt_feature {padding:6px 16px;font-size:14px !important;}
284
 
285
  .rpt_style_basic .rpt_plan .rpt_foot {
286
  padding:10px 40px;
287
  text-align:center;
288
+ font-size: 20px !important;
289
  }
290
 
291
  .rpt_plans .rpt_plan {width:96%;}
292
  .rpt_plans .rpt_plan {margin:10px 2% 20px !important;}
293
+
294
+ .rpt_plan .rpt_head .rpt_price .rpt_currency {top:-36px !important; left:-10px !important; font-size:35px !important;}
295
  }
css/rpt_custom_style.min.css CHANGED
@@ -1 +1 @@
1
- .rpt_5_plans .rpt_plan{width:19.5%;float:left}.rpt_5_plans .rpt_plan_0{margin-right:.62%}.rpt_5_plans .rpt_plan_2{margin-left:.62%}.rpt_5_plans .rpt_plan_3{margin-left:.62%}.rpt_5_plans .rpt_plan_4{margin-left:.62%}.rpt_4_plans .rpt_plan{width:24.5%;float:left}.rpt_4_plans .rpt_plan_0{margin-right:.66%}.rpt_4_plans .rpt_plan_2{margin-left:.66%}.rpt_4_plans .rpt_plan_3{margin-left:.66%}.rpt_3_plans .rpt_plan{width:32%;float:left}.rpt_3_plans .rpt_plan_0{margin-right:1.9%}.rpt_3_plans .rpt_plan_2{margin-left:1.9%}.rpt_2_plans .rpt_plan{width:49%;float:left}.rpt_2_plans .rpt_plan_0{margin-right:2%}.rpt_style_basic .rpt_plan .rpt_title img{margin-right:10px;position:relative;vertical-align:middle}.rpt_style_basic .rpt_plan .rpt_title{border-bottom:#111 solid 1px;background:#222;padding:14px 18px;font-size:26px;color:#fff;line-height:48px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}.rpt_style_basic .rpt_sm_title .rpt_plan .rpt_title{font-size:20px}.rpt_style_basic .rpt_xsm_title .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:15px}.rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_plan .rpt_title{font-size:15px}.rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:12px}.rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency{position:relative;top:-44px;left:-10px;font-size:35px;line-height:0}.rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-36px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-26px}.rpt_style_basic .rpt_plan .rpt_head{border-top:#222 solid 2px;background:#333;background:-moz-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#333),color-stop(100%,#1c1c1c));background:-webkit-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-o-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-ms-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:linear-gradient(45deg,#333 0%,#1c1c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#1c1c1c',GradientType=1)}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{padding:6px 10px;font-size:74px;line-height:100px;font-weight:300;text-align:center;color:#fff;text-shadow:1px 2px 7px rgba(0,0,0,0.6)}.rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:72px}.rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:66px}.rpt_4_plans .rpt_plan .rpt_head .rpt_price{font-size:69px;line-height:80px}.rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:63px;line-height:75px}.rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:57px;line-height:70px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price{font-size:59px;line-height:80px}.rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:54px;line-height:80px}.rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:47px;line-height:80px}.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence{font-size:13px;font-weight:300;line-height:18px;padding:20px 40px 10px;color:#d3d3d3;text-align:center}.rpt_style_basic .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence{font-size:11px;padding:20px 40px 4px}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:20px;font-weight:300;text-align:center;padding:10px 40px 20px}.rpt_style_basic .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px}.rpt_style_basic .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:18px;padding:10px 20px 20px}.rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px;line-height:17px}.rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:16px}.rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:15px;line-height:18px;padding:10px 20px 20px}.rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:17px}.rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px;line-height:16px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:14px;line-height:20px;padding:0 40px 30px;font-weight:300;text-align:center;color:grey}.rpt_style_basic .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_description{font-size:13px;line-height:18px}.rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:17px}.rpt_5_plans .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:18px}.rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:11px;line-height:17px}.rpt_style_basic .rpt_plan .rpt_features{padding:20px;background:#f5f5f5;text-align:center}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{font-size:16px;padding:6px 16px;border-bottom:1px dotted #d3d3d3}.rpt_style_basic .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:14px}.rpt_4_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:14px}.rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:12px}.rpt_5_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:13px}.rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:11px}.rpt_style_basic .rpt_plan .rpt_foot{display:block;padding:10px 30px;border-top:#f5f5f5 solid 2px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;color:#fff;font-size:24px;text-decoration:none;font-weight:300;transition:All 500ms ease;-webkit-transition:All 500ms ease;-moz-transition:All 500ms ease;-o-transition:All 500ms ease}.rpt_style_basic .rpt_sm_button .rpt_plan .rpt_foot{font-size:19px}.rpt_4_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:19px}.rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot{font-size:16px}.rpt_style_basic .rpt_plan .rpt_foot:hover{opacity:.8}.rpt_style_basic .rpt_plan img{display:inline;margin:0 10px 0 0;padding:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);border:none}.rpt_style_basic .rpt_recommended_plan{position:relative;top:-10px}.rpt_style_basic .rpt_recommended_plan .rpt_title{background:#111}.rpt_style_basic .rpt_recommended_plan .rpt_head .rpt_price{font-size:98px}.rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:74px}.rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:67px}.rpt_style_basic .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:93px}.rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:70px}.rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:64px}.rpt_style_basic .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:88px}.rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:67px}.rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:61px}.rpt_style_basic .rpt_recommended_plan .rpt_head{background:#1e1e1e;background:-moz-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#1e1e1e),color-stop(100%,#191919));background:-webkit-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-o-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-ms-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:linear-gradient(45deg,#1e1e1e 0%,#191919 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e',endColorstr='#191919',GradientType=1)}.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;padding:16px 0}.rpt_style_basic .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:30px}.rpt_4_plans .rpt_recommended_plan .rpt_foot{font-size:22px;font-weight:300;padding:10px 0}.rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:19px;padding:10px 0}.rpt_5_plans .rpt_recommended_plan .rpt_foot{font-size:20px;font-weight:300;padding:10px 0}.rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:18px;padding:10px 0}img.rpt_recommended{float:right}.entry-content .rpt_plan a{border-bottom:none}.rpt_plan a{border-bottom:none}@media only screen and (min-width: 40em) and (max-width: 64.063em){.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:64px;margin-top:20px}}@media only screen and (max-width: 40em){.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;font-weight:300;padding:20px 0}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:74px;line-height:100px}.rpt_style_basic .rpt_plan .rpt_title{font-size:26px;line-height:48px}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:20px;padding:10px 40px 20px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:14px;line-height:20px;padding:0 40px 30px}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{padding:6px 16px;font-size:14px}.rpt_style_basic .rpt_plan .rpt_foot{padding:10px 40px;text-align:center;font-size:20px}.rpt_plans .rpt_plan{width:96%;margin:10px 2% 20px!important}}
1
+ .rpt_5_plans .rpt_plan{width:19.5%;float:left}.rpt_5_plans .rpt_plan_0{margin-right:.62%}.rpt_5_plans .rpt_plan_2{margin-left:.62%}.rpt_5_plans .rpt_plan_3{margin-left:.62%}.rpt_5_plans .rpt_plan_4{margin-left:.62%}.rpt_4_plans .rpt_plan{width:24.5%;float:left}.rpt_4_plans .rpt_plan_0{margin-right:.66%}.rpt_4_plans .rpt_plan_2{margin-left:.66%}.rpt_4_plans .rpt_plan_3{margin-left:.66%}.rpt_3_plans .rpt_plan{width:32%;float:left}.rpt_3_plans .rpt_plan_0{margin-right:1.9%}.rpt_3_plans .rpt_plan_2{margin-left:1.9%}.rpt_2_plans .rpt_plan{width:49%;float:left}.rpt_2_plans .rpt_plan_0{margin-right:2%}.rpt_style_basic .rpt_plan .rpt_title img{margin-right:10px;position:relative;vertical-align:middle}.rpt_style_basic .rpt_plan .rpt_title{border-bottom:#111 solid 1px;background:#222;padding:14px 18px;font-size:26px;color:#fff;line-height:48px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}.rpt_style_basic .rpt_sm_title .rpt_plan .rpt_title{font-size:20px}.rpt_style_basic .rpt_xsm_title .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:15px}.rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_plan .rpt_title{font-size:15px}.rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:12px}.rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency{position:relative;top:-44px;left:-10px;font-size:35px;line-height:0}.rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-36px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-26px}.rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:30px;top:-44px;left:-4px}.rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:25px;top:-30px;left:-4px}.rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:21px;top:-14px;left:-4px}.rpt_style_basic .rpt_plan .rpt_head{border-top:#222 solid 2px;background:#333;background:-moz-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#333),color-stop(100%,#1c1c1c));background:-webkit-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-o-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-ms-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:linear-gradient(45deg,#333 0%,#1c1c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#1c1c1c',GradientType=1)}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{padding:6px 10px;font-size:74px;line-height:100px;font-weight:300;text-align:center;color:#fff;text-shadow:1px 2px 7px rgba(0,0,0,0.6)}.rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:62px}.rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:56px}.rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:38px}.rpt_4_plans .rpt_plan .rpt_head .rpt_price{font-size:69px;line-height:80px}.rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:53px;line-height:65px}.rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:47px;line-height:64px}.rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:31px;line-height:60px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price{font-size:59px;line-height:80px}.rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:44px;line-height:60px}.rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:37px;line-height:53px}.rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:24px;line-height:50px}.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence{font-size:13px;font-weight:300;line-height:18px;padding:20px 40px 10px;color:#d3d3d3;text-align:center}.rpt_style_basic .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence{font-size:11px;padding:20px 40px 4px}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:20px;font-weight:300;text-align:center;padding:10px 30px 20px}.rpt_style_basic .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px}.rpt_style_basic .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:18px;padding:10px 10px 20px}.rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px;line-height:17px}.rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:16px}.rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:15px;line-height:18px;padding:10px 10px 20px}.rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:17px}.rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px;line-height:16px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:14px;line-height:20px;padding:0 20px 30px;font-weight:300;text-align:center;color:grey}.rpt_style_basic .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_description{font-size:13px;line-height:18px}.rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:17px}.rpt_5_plans .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:18px}.rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:11px;line-height:17px}.rpt_style_basic .rpt_plan .rpt_features{padding:20px;background:#f5f5f5;text-align:center}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{font-size:16px;padding:6px 16px;border-bottom:1px dotted #d3d3d3}.rpt_style_basic .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:14px}.rpt_4_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:14px}.rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:12px}.rpt_5_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:13px}.rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:11px}.rpt_style_basic .rpt_plan .rpt_foot{display:block;padding:10px 30px;border-top:#f5f5f5 solid 2px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;color:#fff;font-size:24px;text-decoration:none;font-weight:300;transition:All 500ms ease;-webkit-transition:All 500ms ease;-moz-transition:All 500ms ease;-o-transition:All 500ms ease}.rpt_style_basic .rpt_sm_button .rpt_plan .rpt_foot{font-size:19px}.rpt_4_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:19px}.rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot{font-size:16px}.rpt_style_basic .rpt_plan .rpt_foot:hover{opacity:.8}.rpt_style_basic .rpt_plan img{display:inline;margin:0 10px 0 0;padding:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);border:none}.rpt_style_basic .rpt_recommended_plan{position:relative;top:-10px}.rpt_style_basic .rpt_recommended_plan .rpt_title{background:#111}.rpt_style_basic .rpt_recommended_plan .rpt_head .rpt_price{font-size:98px}.rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:74px}.rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:67px}.rpt_style_basic .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:83px}.rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:60px}.rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:54px}.rpt_style_basic .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:55px}.rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:49px}.rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:41px}.rpt_style_basic .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:42px}.rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:34px}.rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:26px}.rpt_style_basic .rpt_recommended_plan .rpt_head{background:#1e1e1e;background:-moz-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#1e1e1e),color-stop(100%,#191919));background:-webkit-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-o-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-ms-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:linear-gradient(45deg,#1e1e1e 0%,#191919 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e',endColorstr='#191919',GradientType=1)}.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;padding:16px 0}.rpt_style_basic .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:25px}.rpt_4_plans .rpt_recommended_plan .rpt_foot{font-size:22px;font-weight:300;padding:10px 0}.rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:19px;padding:10px 0}.rpt_5_plans .rpt_recommended_plan .rpt_foot{font-size:20px;font-weight:300;padding:10px 0}.rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:18px;padding:10px 0}img.rpt_recommended{float:right}.entry-content .rpt_plan a{border-bottom:none}.rpt_plan a{border-bottom:none}@media only screen and (min-width: 40em) and (max-width: 64.063em){.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:64px;margin-top:20px}}@media only screen and (max-width: 40em){.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;font-weight:300;padding:20px 0}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:74px!important;line-height:100px!important}.rpt_style_basic .rpt_plan .rpt_title{font-size:26px!important;line-height:48px}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:17px!important;line-height:28px;padding:10px 40px 20px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:15px!important;line-height:26px!important;padding:0 40px 30px}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{padding:6px 16px;font-size:14px!important}.rpt_style_basic .rpt_plan .rpt_foot{padding:10px 40px;text-align:center;font-size:20px!important}.rpt_plans .rpt_plan{width:96%;margin:10px 2% 20px!important}.rpt_plan .rpt_head .rpt_price .rpt_currency{top:-36px!important;left:-10px!important;font-size:35px!important}}
readme.txt CHANGED
@@ -72,6 +72,12 @@ The free version of the Responsive Pricing Table plugin is **not limited** and d
72
 
73
 
74
  == Changelog ==
 
 
 
 
 
 
75
  = 3.2.4 =
76
  * SAFE UPDATE: No data loss for those upgrading from version 3.0 or higher
77
  * Solved conflict when generating shortcode
72
 
73
 
74
  == Changelog ==
75
+ = 3.3.0 =
76
+ * SAFE UPDATE: No data loss for those upgrading from version 3.0 or higher
77
+ * Added a new font-size preset for the price element
78
+ * All font-sizes are more accurate and will better fit on your pages
79
+ * Fixed styling issues for small screens
80
+
81
  = 3.2.4 =
82
  * SAFE UPDATE: No data loss for those upgrading from version 3.0 or higher
83
  * Solved conflict when generating shortcode
rpt.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Responsive Pricing Table
4
  * Plugin URI: http://wpdarko.com/responsive-pricing-table/
5
  * Description: A responsive, easy and elegant way to present your offer to your visitors. Just create a new pricing table (custom type) and copy-paste the shortcode into your posts/pages. Find support and information on the <a href="http://wpdarko.com/responsive-pricing-table/">plugin's page</a>. This free version is NOT limited and does not contain any ad. Check out the <a href='http://wpdarko.com/responsive-pricing-table-pro/'>PRO version</a> for more great features.
6
- * Version: 3.2.4
7
  * Author: WP Darko
8
  * Author URI: http://wpdarko.com
9
  * License: GPL2
@@ -285,9 +285,10 @@ function rpt_metaboxes( array $meta_boxes ) {
285
  'id' => $prefix . 'price_fontsize',
286
  'type' => 'select',
287
  'options' => array(
288
- 'tiny' => 'Tiny',
289
- 'small' => 'Small',
290
- 'normal' => 'Normal',
 
291
  ),
292
  'default' => 'normal',
293
  ),
@@ -407,6 +408,8 @@ function rpt_sc($atts) {
407
  $price_fs_class = ' rpt_sm_price';
408
  } else if ($price_fontsize == 'tiny') {
409
  $price_fs_class = ' rpt_xsm_price';
 
 
410
  } else {
411
  $price_fs_class = '';
412
  }
3
  * Plugin Name: Responsive Pricing Table
4
  * Plugin URI: http://wpdarko.com/responsive-pricing-table/
5
  * Description: A responsive, easy and elegant way to present your offer to your visitors. Just create a new pricing table (custom type) and copy-paste the shortcode into your posts/pages. Find support and information on the <a href="http://wpdarko.com/responsive-pricing-table/">plugin's page</a>. This free version is NOT limited and does not contain any ad. Check out the <a href='http://wpdarko.com/responsive-pricing-table-pro/'>PRO version</a> for more great features.
6
+ * Version: 3.3.0
7
  * Author: WP Darko
8
  * Author URI: http://wpdarko.com
9
  * License: GPL2
285
  'id' => $prefix . 'price_fontsize',
286
  'type' => 'select',
287
  'options' => array(
288
+ 'supertiny' => 'Tiny',
289
+ 'tiny' => 'Small',
290
+ 'small' => 'Normal',
291
+ 'normal' => 'Big',
292
  ),
293
  'default' => 'normal',
294
  ),
408
  $price_fs_class = ' rpt_sm_price';
409
  } else if ($price_fontsize == 'tiny') {
410
  $price_fs_class = ' rpt_xsm_price';
411
+ } else if ($price_fontsize == 'supertiny') {
412
+ $price_fs_class = ' rpt_xxsm_price';
413
  } else {
414
  $price_fs_class = '';
415
  }