box-shadow does not work

  • Resolved seo90

    (@seo90)


    3 years ago

    hello, I am creating a theme 100% AMP compatible, I validate it with https://validator.ampproject.org/ and everything is ok. But as soon as I activate your AMP plugin, I don’t understand why, it deletes the css line

    #ez-toc-container{width: 100%;max-width: 310px;margin: 2.1rem 0 2rem 0;box-shadow: 0 10px 30px 0 rgb(0 1 35 / 8%);background-color: #FFF}

    leaving it like this:

    #ez-toc-container{width: 100%;max-width: 310px;margin: 2.1rem 0 2rem 0;background-color: #FFF}

    as I say I have validated before starting with the wordpress my html and css and everything is ok, box-shadow is compatible with AMP, but your plugin removes me the line when I look at the source code and leaves the rest of the css in this class…. Why?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter seo90

    (@seo90)

    I just solved the box shadow by putting it like this:

    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1)

    but I don’t understand why it doesn’t work as I had it if the amp is valid and it also works without the plugin.

    Plugin Support Milind More

    (@milindmore22)

    Hello @seo90

    Thank you for the support topic, the issues seem to be related to PHP-CSS-Parser library which is being used by the AMP plugin.

    please subscribe to this GitHub issue to get updates.

    Additionally please consider converting your rgba values into hex using this tool.

    Plugin Support Milind More

    (@milindmore22)

    I hope our suggestion is helpful, I’ll mark this as resolved Open a new support topic if you face further issues, also feel free to leave a plugin review, we would love to hear your feedback.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘box-shadow does not work’ is closed to new replies.