Forum Replies Created
-
Posts
-
Thank you so much, but can you support me about make same date form of enfold theme? Please, because i see it look very beautiful.
When i use fluent form date then not show year like below:
https://img.savvyify.com/image/Screenshot-2025-06-27-163401.y8wQp
After, I use css code:
.flatpickr-current-month {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 2px;
height: 50px;
}/* Dropdown tháng */
/* Giảm độ rộng box tháng */
.flatpickr-monthDropdown-months {
width: 70px; /* Giảm từ mặc định xuống, bạn có thể thử 80px hoặc 90px nếu cần */
font-size: 12px;
height: 32px;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
line-height: 1;
}/* Bọc input năm */
.flatpickr-current-month .numInputWrapper {
width: 70%; /* Đủ để hiển thị 4 chữ số */
height: 50px;
overflow: hidden;
position: static;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}/* Input năm */
.flatpickr-current-month .numInputWrapper input.cur-year {
width: 70%;
height: 100%;
font-size: 14px;
border: none;
text-align: center;
padding: 50;
box-sizing: border-box;
}.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
background: #eee;
border-radius: 4px;
}
But it look like so bad, not show downarrow year
Please help me.flatpickr-current-month {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 2px;
height: 50px;
}/* Dropdown tháng */
/* Giảm độ rộng box tháng */
.flatpickr-monthDropdown-months {
width: 70px; /* Giảm từ mặc định xuống, bạn có thể thử 80px hoặc 90px nếu cần */
font-size: 12px;
height: 32px;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
line-height: 1;
}/* Bọc input năm */
.flatpickr-current-month .numInputWrapper {
width: 70px; /* Đủ để hiển thị 4 chữ số */
height: 50px;
overflow: hidden;
position: static;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}/* Input năm */
.flatpickr-current-month .numInputWrapper input.cur-year {
width: 70%;
height: 100%;
font-size: 14px;
border: none;
text-align: center;
padding: 50;
box-sizing: border-box;
}.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
background: #eee;
border-radius: 4px;
}
I used this code above , but it show not good, do you have help me to it look good?thanks, I done but it look bad
ah, i want change below
👉 Replace the “-” in the mobile submenu with a “.”
Best Regard
