Sửa lỗi Icon List trong Elementor

Thêm đoạn code sau vào CSS trong Customize của website:

/* Đảm bảo loại bỏ bullet mặc định cho danh sách icon của Elementor */
.elementor-icon-list-items {
list-style: none !important; /* Loại bỏ tất cả các kiểu danh sách */
margin-left: 0 !important; /* Loại bỏ lề trái mặc định có thể tạo khoảng trống cho bullet */
padding-left: 0 !important; /* Loại bỏ padding mặc định có thể tạo khoảng trống cho bullet */
}

.elementor-icon-list-item {
margin-left: 0 !important; /* Đảm bảo các mục con cũng không có lề thừa */
padding-left: 0 !important; /* Đảm bảo các mục con cũng không có padding thừa */
}

/* Điều chỉnh vị trí của icon và text trong li */
.elementor-icon-list-item .elementor-icon-list-icon {
display: inline-flex; /* Để căn chỉnh icon và text cùng dòng */
align-items: center; /* Căn giữa icon theo chiều dọc với text */
margin-right: 10px; /* Khoảng cách giữa icon và text */
/* Nếu cần, bạn có thể điều chỉnh kích thước SVG ở đây */
/*
width: 20px;
height: 20px;
*/
}

/* Đảm bảo text nằm cạnh icon */
.elementor-icon-list-item .elementor-icon-list-text {
display: inline-block; /* Giúp text nằm cạnh icon */
vertical-align: middle; /* Căn chỉnh text với icon */
}