Theo mặc định, các nhãn trong trường nhập của Biểu mẫu thông thạo được căn trái. Không có tùy chọn mặc định nào để căn giữa nhưng bạn có thể dễ dàng đạt được nó với một vài dòng mã CSS. Lý tưởng nhất là căn giữa của các nhãn sẽ trông kỳ quặc từ góc độ trải nghiệm người dùng. Tuy nhiên, nếu bạn vẫn muốn chúng căn giữa, hãy bắt đầu.
CSS cho tất cả các biểu mẫu
Mở tệp style.css của bạn hoặc điều hướng đến Trình tùy chỉnh chủ đề → Phần CSS bổ sung và thêm CSS này.
.ff-el-input--label {
text-align: center;
width: 100%;
}
CSS cho một biểu mẫu cụ thể
Để thực hiện thay đổi này trong một biểu mẫu cụ thể, hãy sử dụng mã CSS sau.
#fluentform_2 .ff-el-input--label {
text-align: center;
width: 100%;
}
Hãy lưu ý đến phần tử CSS bổ sung # lưu loát_2 trước tên lớp CSS .ff-el-input-label , trong đó 2 là ID biểu mẫu của tôi. Bạn sẽ cần thay thế số này bằng số ID của Biểu mẫu Thông thạo mà bạn đang làm việc.