AMP Error (Ghost Pro)

I’m seeing an increase in AMP errors.

Google alerts: “It is not allowed to use the !important CSS qualifier.”

This is something that needs to be fixed in the software update, right? I sent a message to support but I’m worried about the fix time.

1 Like

I’ve noticed that in my self-hosted Ghost instance (latest version). Apparently due to the new header cards, maybe?

The !important qualifier shows up in this css:

.kg-header-card a.kg-header-card-button {
        display: flex;
        position: static;
        align-items: center;
        padding: 0 1.2em;
        height: 2.4em;
        line-height: 1em;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 0.95em;
        font-weight: 600;
        text-decoration: none !important;
        border-radius: 5px;
        transition: opacity 0.2s ease-in-out;
        background-color: var(--ghost-accent-color);
        color: #ffffff !important;
        margin: 1.75em 0 0;
    }

    .kg-header-card.kg-style-image a.kg-header-card-button,
    .kg-header-card.kg-style-dark a.kg-header-card-button {
        background: #ffffff;
        color: #15171a !important;
    }

    .kg-header-card.kg-style-accent a.kg-header-card-button {
        background: #ffffff;
        color: var(--ghost-accent-color) !important;
    }

Will be fixed in next release (but we don’t know when that is)