[GhostCMS] Giữ cho header cố định trong template Casper

1. Mặc định template Casper trong GhostCMS sẽ không giữ cố định phần header của trang web. Điều này làm mình thấy khó chịu khi lướt web mà muốn quay lại các chức năng khác thì lại phải kéo thanh cuốn lên trên.

2. Để khắc phục vấn đề này. Truy cập quản trị GhostCMS sau đó vào Code Injection và thêm đoạn mã sau:

<style>
    .site-description {
        color: black !important;
    }
    /* Thay đổi màu sắc của các chữ trong phần header */
    .nav li a {
        color: black !important;;
    }
    /* Thay đổi màu sắc của chữ "Sign in" */
    .gh-head-link {
        color: black !important;
    }
    /* Thay đổi màu sắc của chữ "Subscribe" */
    .gh-head-button {
        color: black !important;
    }

    /* Cố định phần header khi người dùng kéo xuống xem nội dung bên dưới */
    .gh-head {
        position: fixed;
        top: 1;
        left: 0;
        right: 0;
        z-index: 9999;
    }
</style>