Erident Custom Login and Dashboard - Version 4.0.1

Version Description

| April 29, 2022 = * Tweak: Added sidebar layout * Fixed: "Load Default Settings" button appeared on Tools page * Fixed: Some settings were not mobile responsive

Download this release

Release Info

Developer davidvongries
Plugin Icon 128x128 Erident Custom Login and Dashboard
Version 4.0.1
Comparing to
See all releases

Code changes from version 4.0 to 4.0.1

assets/css/admin.css CHANGED
@@ -4,20 +4,20 @@
4
  * --------------------------------------------------
5
  */
6
  @-webkit-keyframes loadingSpinAround {
7
- from {
8
- transform: rotate(0);
9
- }
10
- to {
11
- transform: rotate(359deg);
12
- }
13
  }
14
  @keyframes loadingSpinAround {
15
- from {
16
- transform: rotate(0);
17
- }
18
- to {
19
- transform: rotate(359deg);
20
- }
21
  }
22
 
23
  /**
@@ -27,21 +27,21 @@
27
  */
28
  /* exists to display the updated icon */
29
  .heatbox h2 {
30
- position: relative;
31
  }
32
 
33
  .heatbox-cols {
34
- display: flex;
35
- flex-wrap: wrap;
36
  }
37
 
38
  .heatbox-group .heatbox:not(:first-child) {
39
- margin-top: -21px;
40
  }
41
 
42
  .heatbox-group .heatbox:not(:first-child) h2 {
43
- background-color: #f7f7f7;
44
- border-top-width: 0;
45
  }
46
 
47
  /**
@@ -50,61 +50,65 @@
50
  * ------------------------------
51
  */
52
  .setting-fields {
53
- padding: 25px 15px;
54
  }
55
 
56
  .setting-fields.is-gapless {
57
- padding: 0;
58
  }
59
 
60
  .setting-fields .label {
61
- display: block;
62
- font-weight: 600;
63
  }
64
 
65
  .setting-fields .description {
66
- font-weight: 400;
67
  }
68
 
69
  hr {
70
- margin: 20px 0;
71
- border-top: 1px solid #eee;
72
- border-bottom: 0;
73
  }
74
 
75
  .setting-fields .field:last-child {
76
- margin-bottom: 0;
77
  }
78
 
79
  .setting-fields .field {
80
- margin-bottom: 20px;
81
  }
82
 
83
  .field.is-horizontal {
84
- display: flex;
85
- flex-wrap: wrap;
86
- align-items: center;
87
  }
88
 
89
  .field.is-horizontal .field-label {
90
- width: 30%;
91
  }
92
 
93
  .field.is-horizontal .field-body {
94
- padding-left: 20px;
95
- width: 70%;
 
 
 
 
96
  }
97
 
98
  .general-setting-field[type="text"] {
99
- width: 500px;
100
  }
101
 
102
  .general-setting-field.is-small {
103
- width: 300px;
104
  }
105
 
106
  .general-setting-field.is-tiny {
107
- width: 200px;
108
  }
109
 
110
  /**
@@ -113,24 +117,24 @@ hr {
113
  * --------------------------------------------------
114
  */
115
  .cldashboard-form-footer {
116
- display: flex;
117
- flex-wrap: wrap;
118
- align-items: center;
119
  }
120
 
121
  .cldashboard-submit-area,
122
  .cldashboard-reset-area {
123
- display: flex;
124
- align-items: center;
125
- width: 50%;
126
  }
127
 
128
  .cldashboard-submit-area {
129
- justify-content: flex-start;
130
  }
131
 
132
  .cldashboard-reset-area {
133
- justify-content: flex-end;
134
  }
135
 
136
  /**
@@ -139,61 +143,61 @@ hr {
139
  * --------------------------------------------------
140
  */
141
  .button.cldashboard-button {
142
- display: inline-flex;
143
- align-items: center;
144
- justify-content: center;
145
  }
146
 
147
  .button.cldashboard-button.is-hidden {
148
- display: none;
149
  }
150
 
151
  .button.cldashboard-button.is-loading {
152
- justify-content: center;
153
- color: transparent !important;
154
- pointer-events: none;
155
  }
156
 
157
  .button.cldashboard-button.is-loading::after {
158
- content: "";
159
- position: absolute;
160
- width: 1em;
161
- display: block;
162
- height: 1em;
163
- border: 2px solid #dbdbdb;
164
- border-color: transparent transparent #fff #fff !important;
165
- border-radius: 290486px;
166
- -webkit-animation: loadingSpinAround 0.5s infinite linear;
167
- animation: loadingSpinAround 0.5s infinite linear;
168
  }
169
 
170
  .button.cldashboard-button.cldashboard-load-defaults-button.is-loading::after {
171
- border: 2px solid #19629d;
172
- border-color: transparent transparent #2271b1 #2271b1 !important;
173
  }
174
 
175
  .button.cldashboard-submit-button {
176
- margin-right: 10px;
177
  }
178
 
179
  .button.cldashboard-reset-button {
180
- margin-left: 10px;
181
- margin-right: 10px;
182
- color: #fff;
183
- background-color: tomato;
184
- border-color: tomato;
185
  }
186
 
187
  .button.cldashboard-reset-button:hover,
188
  .button.cldashboard-reset-button:active,
189
  .button.cldashboard-reset-button:focus {
190
- color: #fff;
191
- background-color: #f5492a;
192
- border-color: #f5492a;
193
  }
194
 
195
  .cldashboard-reset-button:focus {
196
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f5492a;
197
  }
198
 
199
  /**
@@ -202,24 +206,24 @@ hr {
202
  * --------------------------------------------------
203
  */
204
  .cldashboard-notice {
205
- font-weight: 500;
206
- opacity: 0;
207
- visibility: hidden;
208
- transition: 350ms all linear;
209
  }
210
 
211
  .cldashboard-notice.is-shown {
212
- opacity: 1;
213
- visibility: visible;
214
- transition: 350ms all linear;
215
  }
216
 
217
  .cldashboard-notice.is-success {
218
- color: rgb(28, 129, 28);
219
  }
220
 
221
  .cldashboard-notice.is-error {
222
- color: tomato;
223
  }
224
 
225
  /**
@@ -228,14 +232,14 @@ hr {
228
  * --------------------------------------------------
229
  */
230
  .iris-picker-inner {
231
- display: grid;
232
- grid-template-columns: 1fr 20px 20px;
233
- grid-gap: 7px;
234
  }
235
 
236
  .iris-picker-inner > * {
237
- width: 100% !important;
238
- margin-left: 0 !important;
239
  }
240
 
241
  /**
@@ -244,30 +248,34 @@ hr {
244
  * --------------------------------------------------
245
  */
246
  .cldashboard-tools-container {
247
- display: flex;
248
- flex-wrap: wrap;
249
  }
250
 
251
  .cldashboard-tools-container .heatbox {
252
- display: flex;
253
- flex-direction: column;
254
- flex: 0 49%;
255
- margin-right: 2%;
256
  }
257
 
258
  .cldashboard-tools-container .heatbox:nth-child(even) {
259
- margin-right: 0;
260
  }
261
 
262
  .cldashboard-tools-container p.submit {
263
- margin-bottom: 0;
264
  }
265
 
266
  @media screen and (max-width: 768px) {
267
- .cldashboard-tools-container .heatbox {
268
- flex: 0 100%;
269
- margin-right: 0;
270
- }
 
 
 
 
271
  }
272
 
273
  /**
@@ -276,32 +284,41 @@ hr {
276
  * --------------------------------------------------
277
  */
278
  .featured-products > h2 {
279
- text-align: center;
280
- margin-bottom: 50px;
281
- font-size: 24px;
282
  }
283
 
284
  .featured-products .products {
285
- display: flex;
286
- justify-content: space-between;
287
- flex-wrap: wrap;
288
  }
289
 
290
  .featured-products .products li {
291
- width: 32%;
292
  }
293
 
294
  .featured-products .products .subheadline {
295
- font-weight: 600;
296
- margin-top: -6px;
297
  }
298
 
299
  .featured-products .products img {
300
- max-width: 100%;
301
  }
302
 
303
  .featured-products .credit {
304
- margin-top: 20px;
305
- text-align: center;
306
- opacity: 0.5;
 
 
 
 
 
 
 
 
 
307
  }
4
  * --------------------------------------------------
5
  */
6
  @-webkit-keyframes loadingSpinAround {
7
+ from {
8
+ transform: rotate(0);
9
+ }
10
+ to {
11
+ transform: rotate(359deg);
12
+ }
13
  }
14
  @keyframes loadingSpinAround {
15
+ from {
16
+ transform: rotate(0);
17
+ }
18
+ to {
19
+ transform: rotate(359deg);
20
+ }
21
  }
22
 
23
  /**
27
  */
28
  /* exists to display the updated icon */
29
  .heatbox h2 {
30
+ position: relative;
31
  }
32
 
33
  .heatbox-cols {
34
+ display: flex;
35
+ flex-wrap: wrap;
36
  }
37
 
38
  .heatbox-group .heatbox:not(:first-child) {
39
+ margin-top: -21px;
40
  }
41
 
42
  .heatbox-group .heatbox:not(:first-child) h2 {
43
+ background-color: #f7f7f7;
44
+ border-top-width: 0;
45
  }
46
 
47
  /**
50
  * ------------------------------
51
  */
52
  .setting-fields {
53
+ padding: 25px 15px;
54
  }
55
 
56
  .setting-fields.is-gapless {
57
+ padding: 0;
58
  }
59
 
60
  .setting-fields .label {
61
+ display: block;
62
+ font-weight: 600;
63
  }
64
 
65
  .setting-fields .description {
66
+ font-weight: 400;
67
  }
68
 
69
  hr {
70
+ margin: 20px 0;
71
+ border-top: 1px solid #eee;
72
+ border-bottom: 0;
73
  }
74
 
75
  .setting-fields .field:last-child {
76
+ margin-bottom: 0;
77
  }
78
 
79
  .setting-fields .field {
80
+ margin-bottom: 20px;
81
  }
82
 
83
  .field.is-horizontal {
84
+ display: flex;
85
+ flex-wrap: wrap;
86
+ align-items: center;
87
  }
88
 
89
  .field.is-horizontal .field-label {
90
+ width: 30%;
91
  }
92
 
93
  .field.is-horizontal .field-body {
94
+ padding-left: 20px;
95
+ width: 70%;
96
+ }
97
+
98
+ .general-setting-field {
99
+ max-width: 100%;
100
  }
101
 
102
  .general-setting-field[type="text"] {
103
+ width: 500px;
104
  }
105
 
106
  .general-setting-field.is-small {
107
+ width: 300px;
108
  }
109
 
110
  .general-setting-field.is-tiny {
111
+ width: 105px;
112
  }
113
 
114
  /**
117
  * --------------------------------------------------
118
  */
119
  .cldashboard-form-footer {
120
+ display: flex;
121
+ flex-wrap: wrap;
122
+ align-items: center;
123
  }
124
 
125
  .cldashboard-submit-area,
126
  .cldashboard-reset-area {
127
+ display: flex;
128
+ align-items: center;
129
+ width: 50%;
130
  }
131
 
132
  .cldashboard-submit-area {
133
+ justify-content: flex-start;
134
  }
135
 
136
  .cldashboard-reset-area {
137
+ justify-content: flex-end;
138
  }
139
 
140
  /**
143
  * --------------------------------------------------
144
  */
145
  .button.cldashboard-button {
146
+ display: inline-flex;
147
+ align-items: center;
148
+ justify-content: center;
149
  }
150
 
151
  .button.cldashboard-button.is-hidden {
152
+ display: none;
153
  }
154
 
155
  .button.cldashboard-button.is-loading {
156
+ justify-content: center;
157
+ color: transparent !important;
158
+ pointer-events: none;
159
  }
160
 
161
  .button.cldashboard-button.is-loading::after {
162
+ content: "";
163
+ position: absolute;
164
+ width: 1em;
165
+ display: block;
166
+ height: 1em;
167
+ border: 2px solid #dbdbdb;
168
+ border-color: transparent transparent #fff #fff !important;
169
+ border-radius: 290486px;
170
+ -webkit-animation: loadingSpinAround 0.5s infinite linear;
171
+ animation: loadingSpinAround 0.5s infinite linear;
172
  }
173
 
174
  .button.cldashboard-button.cldashboard-load-defaults-button.is-loading::after {
175
+ border: 2px solid #19629d;
176
+ border-color: transparent transparent #2271b1 #2271b1 !important;
177
  }
178
 
179
  .button.cldashboard-submit-button {
180
+ margin-right: 10px;
181
  }
182
 
183
  .button.cldashboard-reset-button {
184
+ margin-left: 10px;
185
+ margin-right: 10px;
186
+ color: #fff;
187
+ background-color: tomato;
188
+ border-color: tomato;
189
  }
190
 
191
  .button.cldashboard-reset-button:hover,
192
  .button.cldashboard-reset-button:active,
193
  .button.cldashboard-reset-button:focus {
194
+ color: #fff;
195
+ background-color: #f5492a;
196
+ border-color: #f5492a;
197
  }
198
 
199
  .cldashboard-reset-button:focus {
200
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f5492a;
201
  }
202
 
203
  /**
206
  * --------------------------------------------------
207
  */
208
  .cldashboard-notice {
209
+ font-weight: 500;
210
+ opacity: 0;
211
+ visibility: hidden;
212
+ transition: 350ms all linear;
213
  }
214
 
215
  .cldashboard-notice.is-shown {
216
+ opacity: 1;
217
+ visibility: visible;
218
+ transition: 350ms all linear;
219
  }
220
 
221
  .cldashboard-notice.is-success {
222
+ color: rgb(28, 129, 28);
223
  }
224
 
225
  .cldashboard-notice.is-error {
226
+ color: tomato;
227
  }
228
 
229
  /**
232
  * --------------------------------------------------
233
  */
234
  .iris-picker-inner {
235
+ display: grid;
236
+ grid-template-columns: 1fr 20px 20px;
237
+ grid-gap: 7px;
238
  }
239
 
240
  .iris-picker-inner > * {
241
+ width: 100% !important;
242
+ margin-left: 0 !important;
243
  }
244
 
245
  /**
248
  * --------------------------------------------------
249
  */
250
  .cldashboard-tools-container {
251
+ display: flex;
252
+ flex-wrap: wrap;
253
  }
254
 
255
  .cldashboard-tools-container .heatbox {
256
+ display: flex;
257
+ flex-direction: column;
258
+ flex: 0 49%;
259
+ margin-right: 2%;
260
  }
261
 
262
  .cldashboard-tools-container .heatbox:nth-child(even) {
263
+ margin-right: 0;
264
  }
265
 
266
  .cldashboard-tools-container p.submit {
267
+ margin-bottom: 0;
268
  }
269
 
270
  @media screen and (max-width: 768px) {
271
+ .cldashboard-tools-container .heatbox {
272
+ flex: 0 100%;
273
+ margin-right: 0;
274
+ }
275
+
276
+ .heatbox-sidebar {
277
+ margin-top: 15px;
278
+ }
279
  }
280
 
281
  /**
284
  * --------------------------------------------------
285
  */
286
  .featured-products > h2 {
287
+ text-align: center;
288
+ margin-bottom: 50px;
289
+ font-size: 24px;
290
  }
291
 
292
  .featured-products .products {
293
+ display: flex;
294
+ justify-content: space-between;
295
+ flex-wrap: wrap;
296
  }
297
 
298
  .featured-products .products li {
299
+ width: 32%;
300
  }
301
 
302
  .featured-products .products .subheadline {
303
+ font-weight: 600;
304
+ margin-top: -6px;
305
  }
306
 
307
  .featured-products .products img {
308
+ max-width: 100%;
309
  }
310
 
311
  .featured-products .credit {
312
+ margin-top: 20px;
313
+ text-align: center;
314
+ opacity: 0.5;
315
+ }
316
+
317
+ /**
318
+ * --------------------------------------------------
319
+ * Sidebar
320
+ * --------------------------------------------------
321
+ */
322
+ .review-icons {
323
+ color: #f2dd07;
324
  }
assets/images/ultimate-dashboard-sidebar.jpg ADDED
Binary file
assets/js/settings-page.js CHANGED
@@ -127,9 +127,11 @@
127
  if ("tools" === hashValue) {
128
  submitButton.classList.add("is-hidden");
129
  resetButton.classList.add("is-hidden");
 
130
  } else {
131
  submitButton.classList.remove("is-hidden");
132
  resetButton.classList.remove("is-hidden");
 
133
  }
134
 
135
  $(".heatbox-form-container .heatbox-admin-panel").css("display", "none");
@@ -157,9 +159,11 @@
157
  if ("tools" === hashValue) {
158
  submitButton.classList.add("is-hidden");
159
  resetButton.classList.add("is-hidden");
 
160
  } else {
161
  submitButton.classList.remove("is-hidden");
162
  resetButton.classList.remove("is-hidden");
 
163
  }
164
 
165
  $(".heatbox-tab-nav-item").removeClass("active");
127
  if ("tools" === hashValue) {
128
  submitButton.classList.add("is-hidden");
129
  resetButton.classList.add("is-hidden");
130
+ loadDefaultSettingsButton.classList.add("is-hidden");
131
  } else {
132
  submitButton.classList.remove("is-hidden");
133
  resetButton.classList.remove("is-hidden");
134
+ loadDefaultSettingsButton.classList.remove("is-hidden");
135
  }
136
 
137
  $(".heatbox-form-container .heatbox-admin-panel").css("display", "none");
159
  if ("tools" === hashValue) {
160
  submitButton.classList.add("is-hidden");
161
  resetButton.classList.add("is-hidden");
162
+ loadDefaultSettingsButton.classList.add("is-hidden");
163
  } else {
164
  submitButton.classList.remove("is-hidden");
165
  resetButton.classList.remove("is-hidden");
166
+ loadDefaultSettingsButton.classList.remove("is-hidden");
167
  }
168
 
169
  $(".heatbox-tab-nav-item").removeClass("active");
er-custom-login.php CHANGED
@@ -5,7 +5,7 @@
5
  * Description: Fully customize the WordPress Login Screen.
6
  * Text Domain: erident-custom-login-and-dashboard
7
  * Domain Path: /languages
8
- * Version: 4.0
9
  * Author: David Vongries
10
  * Author URI: https://davidvongries.com/
11
  * License: GPL-3.0
@@ -17,7 +17,7 @@
17
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_DIR', rtrim( plugin_dir_path( __FILE__ ), '/' ) );
18
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_URL', rtrim( plugin_dir_url( __FILE__ ), '/' ) );
19
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
20
- define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_VERSION', '4.0' );
21
 
22
  load_plugin_textdomain( 'erident-custom-login-and-dashboard', false, basename( dirname( __FILE__ ) ) . '/languages/' );
23
 
5
  * Description: Fully customize the WordPress Login Screen.
6
  * Text Domain: erident-custom-login-and-dashboard
7
  * Domain Path: /languages
8
+ * Version: 4.0.1
9
  * Author: David Vongries
10
  * Author URI: https://davidvongries.com/
11
  * License: GPL-3.0
17
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_DIR', rtrim( plugin_dir_path( __FILE__ ), '/' ) );
18
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_URL', rtrim( plugin_dir_url( __FILE__ ), '/' ) );
19
  define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
20
+ define( 'CUSTOM_LOGIN_DASHBOARD_PLUGIN_VERSION', '4.0.1' );
21
 
22
  load_plugin_textdomain( 'erident-custom-login-and-dashboard', false, basename( dirname( __FILE__ ) ) . '/languages/' );
23
 
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: davidvongries, libinvbabu
3
  Tags: login, customisation, admin, dashboard, customise, erident, custom login, form, logo, customize, branding, login customizer, CSS, admin login, white label, login background, custom login page
4
  Requires at least: 3.0.0
5
  Tested up to: 5.9
6
- Stable tag: 4.0
7
  Requires PHP: 5.6
8
  License: GPL-3.0 License
9
  License URI: https://oss.ninja/gpl-3.0?organization=David%20Vongries&project=Erident%20Custom%20Login%20and%20Dashboard
@@ -54,6 +54,11 @@ Yes! For more options and to fully customize the WordPress dashboard, check out
54
  4. Customized WordPress Login Screen (Example 2)
55
 
56
  == Changelog ==
 
 
 
 
 
57
  = 4.0 | April 29, 2022 =
58
  * Version 4.0 is a complete refactor of Erident Custom Login & Dashboard with a modern look and a much improved user experience. For even more options, check out **[Ultimate Dashboard](https://ultimatedashboard.io/?utm_source=erident&utm_medium=changelog&utm_campaign=udb)**.
59
 
3
  Tags: login, customisation, admin, dashboard, customise, erident, custom login, form, logo, customize, branding, login customizer, CSS, admin login, white label, login background, custom login page
4
  Requires at least: 3.0.0
5
  Tested up to: 5.9
6
+ Stable tag: 4.0.1
7
  Requires PHP: 5.6
8
  License: GPL-3.0 License
9
  License URI: https://oss.ninja/gpl-3.0?organization=David%20Vongries&project=Erident%20Custom%20Login%20and%20Dashboard
54
  4. Customized WordPress Login Screen (Example 2)
55
 
56
  == Changelog ==
57
+ = 4.0.1 | April 29, 2022 =
58
+ * Tweak: Added sidebar layout
59
+ * Fixed: "Load Default Settings" button appeared on Tools page
60
+ * Fixed: Some settings were not mobile responsive
61
+
62
  = 4.0 | April 29, 2022 =
63
  * Version 4.0 is a complete refactor of Erident Custom Login & Dashboard with a modern look and a much improved user experience. For even more options, check out **[Ultimate Dashboard](https://ultimatedashboard.io/?utm_source=erident&utm_medium=changelog&utm_campaign=udb)**.
64
 
templates/setting-boxes/recommended.php ADDED
@@ -0,0 +1,31 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Recommended plugin box.
4
+ *
5
+ * @package Custom_Login_Dashboard
6
+ */
7
+
8
+ defined( 'ABSPATH' ) || die( "Can't access directly" );
9
+ ?>
10
+
11
+ <div class="heatbox">
12
+ <h2>
13
+ <?php _e( 'More Options available with Ultimate Dashboard!', 'erident-custom-login-and-dashboard' ); ?>
14
+ </h2>
15
+ <div class="heatbox-content">
16
+ <p>
17
+ <a href="https://wordpress.org/plugins/ultimate-dashboard/" target="_blank">
18
+ <img style="max-width:100%;" src="<?php echo esc_url( CUSTOM_LOGIN_DASHBOARD_PLUGIN_URL ); ?>/assets/images/ultimate-dashboard-sidebar.jpg">
19
+ </a>
20
+ </p>
21
+ <p class="description">
22
+ <?php _e( 'Customize your WordPress login screen in real-time right within the WordPress customizer. But there is more!', 'erident-custom-login-and-dashboard' ); ?>
23
+ </p>
24
+ <p class="description">
25
+ <a href="https://wordpress.org/plugins/ultimate-dashboard/" target="_blank">Ultimate Dashboard</a> allows you to <strong>fully customize the WordPress admin</strong> area.
26
+ </p>
27
+ <a href="https://wordpress.org/plugins/ultimate-dashboard/" target="_blank" class="button button-primary button-larger button-full">
28
+ <?php _e( 'Check out Ultimate Dashboard', 'erident-custom-login-and-dashboard' ); ?>
29
+ </a>
30
+ </div>
31
+ </div>
templates/setting-boxes/review.php ADDED
@@ -0,0 +1,26 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Leave a review box.
4
+ *
5
+ * @package Custom_Login_Dashboard
6
+ */
7
+
8
+ defined( 'ABSPATH' ) || die( "Can't access directly" );
9
+ ?>
10
+
11
+ <div class="heatbox">
12
+ <h2>
13
+ <?php _e( 'Leave a Review', 'erident-custom-login-and-dashboard' ); ?>
14
+ </h2>
15
+ <div class="heatbox-content">
16
+ <p class="review-icons">
17
+ <span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span>
18
+ </p>
19
+ <p class="description">
20
+ <?php _e( 'Do you enjoy <strong>Erident Custom Login and Dashboard</strong>? Help us spread the word and leave a review in the official WordPress repository.', 'erident-custom-login-and-dashboard' ); ?>
21
+ </p>
22
+ <a href="https://wordpress.org/support/plugin/erident-custom-login-and-dashboard/reviews/#new-post" target="_blank" class="button">
23
+ <?php _e( 'Sure, you deserve it!', 'erident-custom-login-and-dashboard' ); ?>
24
+ </a>
25
+ </div>
26
+ </div>
templates/settings-template.php CHANGED
@@ -52,9 +52,11 @@ return function () {
52
 
53
  </div>
54
 
55
- <div class="heatbox-container heatbox-container-center heatbox-form-container">
56
 
57
- <h1 style="display: none;"></h1>
 
 
58
 
59
  <div>
60
  <form method="post" action="options.php" class="cldashboard-settings-form">
@@ -136,6 +138,17 @@ return function () {
136
  </div>
137
  </div>
138
 
 
 
 
 
 
 
 
 
 
 
 
139
  <div class="heatbox-divider"></div>
140
 
141
  </div>
52
 
53
  </div>
54
 
55
+ <div class="heatbox-container heatbox-container-center heatbox-column-container heatbox-form-container">
56
 
57
+ <div class="heatbox-main">
58
+
59
+ <h1 style="display: none;"></h1>
60
 
61
  <div>
62
  <form method="post" action="options.php" class="cldashboard-settings-form">
138
  </div>
139
  </div>
140
 
141
+ </div>
142
+
143
+ <div class="heatbox-sidebar">
144
+
145
+ <?php
146
+ require __DIR__ . '/setting-boxes/recommended.php';
147
+ require __DIR__ . '/setting-boxes/review.php';
148
+ ?>
149
+
150
+ </div>
151
+
152
  <div class="heatbox-divider"></div>
153
 
154
  </div>