Cách căn giữa các nhãn trường đầu vào trong Fluent Forms

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.