# AMP Error (Ghost Pro)

**URL:** <https://forum.ghost.org/t/amp-error-ghost-pro/27548>\
**Category:** Bugs\
**Created:** [December 26, 2021, 5:08pm UTC](https://forum.ghost.org/t/amp-error-ghost-pro/27548 "2021-12-26T17:08:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ReneFraga](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/renefraga/32/16151_2.png) [@ReneFraga](https://forum.ghost.org/u/ReneFraga)\
**Post date:** [December 26, 2021, 5:08pm UTC](https://forum.ghost.org/t/amp-error-ghost-pro/27548/1 "2021-12-26T17:08:10Z")

</div>

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.

 ![amp-error](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/8/6/864cd34e82774f16a57522afc520111c10a23f16.png)

---

<div class="post-metadata">

**Author:** ![gibbsdesign](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/gibbsdesign/32/15085_2.png) [@gibbsdesign](https://forum.ghost.org/u/gibbsdesign)\
**Post date:** [December 30, 2021, 5:33am UTC](https://forum.ghost.org/t/amp-error-ghost-pro/27548/2 "2021-12-30T05:33:58Z")

</div>

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:

```auto
.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;
    }

```

---

<div class="post-metadata">

**Author:** ![gibbsdesign](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/gibbsdesign/32/15085_2.png) [@gibbsdesign](https://forum.ghost.org/u/gibbsdesign)\
**Post date:** [December 31, 2021, 4:18am UTC](https://forum.ghost.org/t/amp-error-ghost-pro/27548/3 "2021-12-31T04:18:00Z")

</div>

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

> [@Header cards - Changelog](https://forum.ghost.org/t/header-cards-changelog/27398/3):
>
> Fix coming next release:

> <https://github.com/TryGhost/Ghost/commit/76cde7918687304af21b3f89c8ca51399f9d3bea>
>
> no issue
> 
> \- \`!important\` qualifier is not allowed in AMP styles as it's disall…owed by the framework's spec https://amp.dev/documentation/guides-and-tutorials/develop/style\_and\_layout/style\_pages/#disallowed-styles

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/b/ba9ce5100b8bb264586f4f572545596b2ce3f081.png) [@system](https://forum.ghost.org/u/system)\
**Post date:** [March 31, 2022, 4:18am UTC](https://forum.ghost.org/t/amp-error-ghost-pro/27548/4 "2022-03-31T04:18:58Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.