Thêm Mũ Giáng Sinh Cho Logo Theme Flatsome

code thêm mũ giáng sinh cho logo web

Dùng CSS chèn vào style hoặc custom.css của bạn nếu muốn thêm một chiếc mũ giáng sinh xinh xắn mà không cần phải sửa hình logo trực tiếp.

/* Thiết lập khung chứa logo làm gốc tọa độ */
.header-main .logo {
    position: relative;
    display: inline-block;
}

/* Thêm hình cái mũ bằng after */
.header-main .logo::after {
    content: ""; /* Bắt buộc phải có để hiển thị after */
    display: block;
    position: absolute;
    
    /* Đường dẫn hình cái mũ của bạn */
    background-image: url('https://cdn.tinhcau.com/uploader/media/603f4497a3480e22.png');
    background-size: contain;
    background-repeat: no-repeat;
    
    /* Điều chỉnh kích thước cái mũ */
    width: 40px; 
    height: 40px;

    /* Điều chỉnh vị trí (Ví dụ: đặt lên góc trên bên phải logo) */
top: -15px;
    left: 90%;
    
    /* Đảm bảo cái mũ nằm trên logo */
    z-index: 10;
}