Trong Bitrix24, bạn có thể sử dụng CSS tùy chỉnh để kiểm soát giao diện trang web của mình.
hướng dẫn CSS
Trước khi bạn bắt đầu
Xuất bản trang của bạn đầu tiên. Sau đó chọn khối bạn muốn chỉnh sửa, nhấp chuột phải vào khối đó và chọn Kiểm tra.
Thay đổi màu phần tử
Màu chữ
Sử dụng ID khối và lớp:
#block3233 .landing-block-node-title
{
màu: #FF6347 ;
}
Màu nền
Sử dụng ID khối và lớp cho toàn bộ khối. Đảm bảo chỉ định thẻ phần:
Phần #block3233.block-27-3-one-col-fix-title
{
màu nền: #00FFFF;
}
Thêm CSS tùy chỉnh
- Mở menu hành động.
- Chọn Định cấu hình trang web.
- Trên trang cài đặt trang, tìm CSS tùy chỉnh.
- Bật tùy chọn, dán mã của bạn và nhấp vào Lưu.
Bạn không cần phải xuất bản lại trang web. Chỉ cần làm mới trang để xem những thay đổi.
Sử dụng chỉ thị !important
Bạn có thể buộc áp dụng một kiểu bằng cách sử dụng lệnh !important. Nó ghi đè các quy tắc CSS tiêu chuẩn và ưu tiên kiểu này hơn.
Ví dụ:
các !quan trọng lệnh ghi đè các quy tắc thông thường của tầng và mang lại cho kiểu đó tính đặc hiệu rất cao (ví dụ: màu: FF6347 ! quan trọng;). [
Ẩn các phần tử khối
Bạn có thể ẩn các thành phần trong một khối bằng CSS tùy chỉnh.
- Xuất bản trang web.
- Mở công cụ dành cho nhà phát triển và tìm lớp khối.
- Thêm mã của bạn vào trường CSS tùy chỉnh:
.landing-block-nút-giá-nút
{
hiển thị: không có;
}
Lưu các thay đổi của bạn và làm mới trang.
Trong phiên bản Bitrix24 On-Premise, CSS tùy chỉnh có sẵn bắt đầu từ mô-đun Sites phiên bản 18.5.8. Đảm bảo Bitrix24 của bạn được cập nhật trước khi sử dụng tính năng này.
