How to customize the banner alert

Comments

1 comment

  • Avatar
    Betsy Chen

    This is a template specific CSS update that you'll have to make. From our records, this website looks like it's using our Top Navigation - Multiple Page Template (Sensei). In order to customize this, you'll need to add this into the Additional CSS box.

    You'll want to change the actual hex codes, but this should give you an idea:

    To change the background:

    .alert {
    background-color: #ff0000;
    }

    To change the heading & paragraph fonts:

    .alert p, .alert h1, .alert h2, .alert h3, .alert h4 {
    color: #fff;
    }

    To change the close button:
    .alert .close {
    color: #fff
    }

    .alert .close:hover {
    color: #000;
    }

    0
    Comment actions Permalink

Please sign in to leave a comment.