CSS NÚT NỔI NGÔN NGỮ DƯỚI CHÂN TRANG

Sử dung Tiện ích chuyển ngôn ngữ của plugin Polylang vào footer và dán đoạn code dưới đây và CSS tùy chỉnh của trang

/* --- CỐ ĐỊNH GÓC PHẢI DƯỚI --- */
.widget_polylang {
    position: fixed !important;
    right: 15px !important;
    bottom: 2px !important; /* Tăng lên một chút để không dính sát mép */
    z-index: 999999 !important;
    background: rgba(255, 255, 255, 0.8); /* Thêm nền mờ để dễ nhìn hơn */
    padding: 5px 10px;
    border-radius: 8px;
}

/* --- BẮT BUỘC NẰM NGANG --- */
.widget_polylang ul {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important; /* Khoảng cách giữa các lá cờ */
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* XOÁ style danh sách cho từng mục */
.widget_polylang li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* --- PHÓNG TO LÁ CỜ --- */
.widget_polylang img {
    width: 45px !important;      /* Chiều rộng cờ */
    height: auto !important;     /* Để auto để không bị méo hình */
    max-width: none !important; 
    max-height: none !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2); /* Đổ bóng nhẹ cho lá cờ */
    transition: transform 0.2s;  /* Hiệu ứng khi rê chuột */
}

.widget_polylang img:hover {
    transform: scale(1.3); /* Phóng to nhẹ khi di chuột vào */
}