Error in the “style amp-custom” tag

  • Resolved farias615

    (@farias615)


    2 months ago

    For some time now, I’ve noticed that the errors in the search console have increased a lot. I went to check what it could be and came across this error:

    • “There is a CSS syntax error in the “style amp-custom” tag.”

    While searching for the error here on the forum, I noticed that there are other users experiencing the same problem.

    My site is practically broken on mobile, showing only a white background, some images and letters, no theme, no colors.

    I’m asking for your help, because I don’t know how to solve this.

    I use a version of AMP called “Bunyad AMP – Themesphere”, I tested it with the original AMP, both do not allow a scan and re-scan of the site to start over, showing the error “Site verification failed. Please try again.”
    I am using AMP Enhancer as well.

    ` wp-core

    version: 6.7.1
    site_language: pt_BR
    user_language: pt_BR
    timezone: America/Sao_Paulo
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 3
    dotorg_communication: true wp-paths-sizes

    wordpress_path: /home/u899126153/domains/blogaromatico.com.br/public_html
    wordpress_size: 2,39 GB (2568249543 bytes)
    uploads_path: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/uploads
    uploads_size: 1,76 GB (1893331154 bytes)
    themes_path: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/themes
    themes_size: 135,62 MB (142203800 bytes)
    plugins_path: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/plugins
    plugins_size: 250,02 MB (262167108 bytes)
    fonts_path: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/uploads/fonts
    fonts_size: directory not found
    database_size: 98,67 MB (103464960 bytes)
    total_size: 4,63 GB (4969416565 bytes) wp-active-theme

    name: SmartMag (smart-mag)
    version: 10.2.1
    author: ThemeSphere
    author_website: https://theme-sphere.com
    parent_theme: none
    theme_features: core-block-patterns, custom-line-height, custom-units, align-wide, custom-spacing, woocommerce, post-thumbnails, amp, editor-font-sizes, editor-color-palette, editor-style, automatic-feed-links, html5, title-tag, post-formats, menus, custom-background, widgets, wc-product-gallery-lightbox, wc-product-gallery-slider, wc-product-gallery-zoom
    theme_path: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/themes/smart-mag wp-themes-inactive (3)

    Twenty Twenty-Five: version: 1.0, author: a equipe do WordPress
    Twenty Twenty-Four: version: 1.3, author: a equipe do WordPress
    Twenty Twenty-Three: version: 1.6, author: a equipe do WordPress wp-mu-plugins (1)

    Hostinger Smart Auto Updates: version: 1.0.5, author: Hostinger wp-plugins-active (26)

    AdSense Integration WP QUADS: version: 2.0.86.1, author: WP Quads
    Bunyad AMP: version: 2.5.2, author: ThemeSphere, AMP Project Contributors
    Bunyad Demo Import: version: 2.6.4, author: ThemeSphere & ProteusThemes
    Content Egg Pro: version: 15.0.1, author: keywordrush.com
    Elementor: version: 3.26.3, author: Elementor.com
    FileOrganizer: version: 1.1.5, author: Softaculous Team
    GN Publisher: version: 1.5.18, author: Chris Andrews
    GTranslate: version: 3.0.7, author: Translate AI Multilingual Solutions
    Hostinger AI: version: 2.0.26, author: Hostinger
    Hostinger Amazon Affiliate Connector: version: 2.0.17, author: Hostinger
    Hostinger Easy Onboarding: version: 2.0.51, author: Hostinger
    Hostinger Tools: version: 3.0.21, author: Hostinger
    LiteSpeed Cache: version: 6.5.4, author: LiteSpeed Technologies
    Newsletter: version: 8.6.4, author: Stefano Lissa & The Newsletter Team
    Query Monitor: version: 3.17.0, author: John Blackbourn
    Rank Math SEO: version: 1.0.235, author: Rank Math SEO
    Rank Math SEO PRO: version: 3.0.73, author: Rank Math
    Revive Old Posts Pro Add-on: version: 3.0.6, author: revive.social (latest version: 3.1.0)
    Revive Social: version: 9.1.3, author: revive.social
    SEOWriting: version: 1.9.3, author: SEOWriting
    Site Kit by Google: version: 1.142.0, author: Google
    SmartMag Core: version: 1.5.0, author: ThemeSphere
    Sphere Core: version: 1.7.0, author: ThemeSphere
    Web Stories: version: 1.38.0, author: Google
    WooCommerce: version: 9.5.1, author: Automattic
    WP Consent API: version: 1.0.8, author: RogierLankhorst wp-plugins-inactive (3)

    All-in-One WP Migration: version: 7.87, author: ServMask
    Elementor Pro: version: 3.26.1, author: Elementor.com
    People Also Ask: version: 1.1.687, author: Caique Dourado wp-media

    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1809
    imagemagick_version: ImageMagick 7.1.1-19 Q16-HDRI x86_64 21601 https://imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 256M
    upload_max_filesize: 256M
    max_effective_size: 256 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 2 TB
    imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    imagick::RESOURCETYPE_FILE: 393216
    imagick::RESOURCETYPE_MAP: 1.006 GB
    imagick::RESOURCETYPE_MEMORY: 503 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, B, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, Y, YAML, YCbCr, YCbCrA, YUV
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
    ghostscript_version: 9.54.0 wp-server

    server_architecture: Linux 5.14.0-427.26.1.el9_4.x86_64 x86_64
    httpd_software: LiteSpeed
    php_version: 8.1.29 64bit
    php_sapi: litespeed
    max_input_variables: 5000
    time_limit: 300
    memory_limit: 512M
    max_input_time: 240
    upload_max_filesize: 256M
    php_post_max_size: 256M
    curl_version: 7.76.1 OpenSSL/3.0.7
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2025-01-02T18:16:34+00:00
    utc-time: Thursday, 02-Jan-25 18:16:34 UTC
    server-time: 2025-01-02T15:16:33-03:00 wp-database

    extension: mysqli
    server_version: 10.11.10-MariaDB
    client_version: mysqlnd 8.1.29
    max_allowed_packet: 1073741824
    max_connections: 2000 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content
    WP_PLUGIN_DIR: /home/u899126153/domains/blogaromatico.com.br/public_html/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 512M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: undefined
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    fonts: not writable
    mu-plugins: writable google-site-kit

    version: 1.142.0
    php_version: 8.1.29
    wp_version: 6.7.1
    reference_url: https://www.blogaromatico.com.br
    amp_mode: secondary
    site_status: not-connected
    user_status: not authenticated
    verification_status: verified-non-site-kit
    connected_user_count: 3
    active_modules: site-verification, search-console, ads, adsense, analytics-4, pagespeed-insights
    recoverable_modules: none
    required_scopes:
    openid: ?
    https://www.googleapis.com/auth/userinfo.profile: ?
    https://www.googleapis.com/auth/userinfo.email: ?
    https://www.googleapis.com/auth/siteverification: ?
    https://www.googleapis.com/auth/webmasters: ?
    https://www.googleapis.com/auth/adsense.readonly: ?
    https://www.googleapis.com/auth/analytics.readonly: ?
    https://www.googleapis.com/auth/tagmanager.readonly: ?
    capabilities:
    googlesitekit_authenticate: ?
    googlesitekit_setup: ?
    googlesitekit_view_posts_insights: ?
    googlesitekit_view_dashboard: ?
    googlesitekit_manage_options: ?
    googlesitekit_update_plugins: ?
    googlesitekit_view_splash: ?
    googlesitekit_view_authenticated_dashboard: ?
    googlesitekit_view_wp_dashboard_widget: ?
    googlesitekit_view_admin_bar_menu: ?
    googlesitekit_view_shared_dashboard: ?
    googlesitekit_read_shared_module_data::["search-console"]: ?
    googlesitekit_read_shared_module_data::["adsense"]: ?
    googlesitekit_read_shared_module_data::["analytics-4"]: ?
    googlesitekit_read_shared_module_data::["pagespeed-insights"]: ?
    googlesitekit_manage_module_sharing_options::["search-console"]: ?
    googlesitekit_manage_module_sharing_options::["adsense"]: ?
    googlesitekit_manage_module_sharing_options::["analytics-4"]: ?
    googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ?
    googlesitekit_delegate_module_sharing_management::["search-console"]: ?
    googlesitekit_delegate_module_sharing_management::["adsense"]: ?
    googlesitekit_delegate_module_sharing_management::["analytics-4"]: ?
    googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ?
    enabled_features:
    adsPax: ?
    audienceSegmentation: ?
    conversionReporting: ?
    firstPartyMode: ?
    gm3Components: ?
    privacySandboxModule: ?
    rrmModule: ?
    signInWithGoogleModule: ?
    active_conversion_event_providers:
    woocommerce: add_to_cart, purchase
    consent_mode: enabled
    consent_api: detected
    search-console_shared_roles: none
    search-console_management: all_admins
    adsense_shared_roles: none
    adsense_management: owner
    analytics-4_shared_roles: none
    analytics-4_management: all_admins
    pagespeed-insights_shared_roles: none
    pagespeed-insights_management: all_admins
    key_metrics_status: Setup and Enabled
    key_metrics_source: Tailored Metrics
    search_console_property: https://blogaromatico.com.br/
    ads_conversion_tracking_id: none
    adsense_account_id: pub-451?????????????
    adsense_client_id: ca-pub-451?????????????
    adsense_account_status: ready
    adsense_site_status: ready
    adsense_use_snippet: yes
    adsense_web_stories_adunit_id: none
    adsense_setup_completed_timestamp: 1726583163
    adsense_abr_use_snippet: yes
    adsense_abr_use_error_protection_snippet: yes
    adsense_abr_setup_status: setup-confirmed
    analytics_4_account_id: 3136?????
    analytics_4_property_id: 4406705??
    analytics_4_web_data_stream_id: 8139??????
    analytics_4_measurement_id: G-2Y????????
    analytics_4_use_snippet: yes
    analytics_4_ads_conversion_id: none
    analytics_4_available_custom_dimensions: googlesitekit_post_type
    analytics_4_ads_linked: false
    analytics_4_ads_linked_last_synced_at: 1735744090
    analytics_4_adsense_linked: 1
    analytics_4_adsense_linked_last_synced_at: 1735??????
    analytics_4_site_kit_audiences: New visitors, Returning visitors amp_wp

    amp_slug_query_var: amp
    amp_slug_defined_late: false
    amp_mode_enabled: transitional
    amp_reader_theme: legacy
    amp_templates_enabled: post, page, is_singular, is_front_page, is_home, is_archive, is_author, is_date, is_search, is_404, is_category, is_tag, is_tax[product_cat], is_tax[product_tag], is_tax[product_shipping_class], is_post_type_archive[product], is_post_type_archive[web-story]
    amp_serve_all_templates: true
    amp_css_transient_caching_disabled: false
    amp_css_transient_caching_threshold: 5000 transients per day
    amp_css_transient_caching_sampling_range: 14 days
    amp_css_transient_caching_transient_count: 177
    amp_css_transient_caching_time_series:
    20241220: 1035
    20241221: 1104
    20241222: 1132
    20241223: 1141
    20241224: 1213
    20241225: 1216
    20241226: 1266
    20241227: 1301
    20241228: 1177
    20241229: 1228
    20241230: 1198
    20241231: 1189
    20250101: 1190
    20250102: 1183
    amp_libxml_version: 2.10.2 web_stories

    web_stories_version: 1.38.0
    web_stories_db_version: 3.0.16
    web_stories_amp_version: 2.5.6-alpha
    web_stories_cdn_url: https://wp.stories.google/static/21
    web_stories_dev_mode: false
    web_stories_theme_support: Desabilitado
    web_stories_enabled_experiments: Nenhum experimento ativado
    web_stories_libxml_version: 2.10.2

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Milind More

    (@milindmore22)

    Hello @farias615

    Thank you for contacting us. You’re using a customized version of the AMP plugin. As we’re unfamiliar with the modifications that are made, we can’t provide specific support. We recommend contacting the Bunyad AMP plugins support for the assistance.

    Thread Starter farias615

    (@farias615)

    Hello,

    As I said, I installed the official plugin, I’m using it, and the problem persists.

    Plugin Support Milind More

    (@milindmore22)

    @farias615

    I apologize for the misunderstanding, but you have shared site health information where we found “Bunyad AMP” plugin active, so we thought it was custom AMP version.

    Please make sure to keep the official AMP plugin active while we are checking your website.

    We found following issues

    1. The first issue you’re encountering with the AMP plugin settings appears to be caused by a conflict with the Litespeed plugin. It seems the Litespeed plugin is adding comments to the JSON response, which can interfere with the AMP plugin’s functionality.

    To resolve this, please try adding the following code snippet to your active theme’s functions.php file or within a custom plugin:

    add_filter( 'litespeed_comment', '__return_false' );

    This code snippet should disable the Litespeed plugin’s comments in the JSON response.

    2. The second issue invalids CSS being added in header, please check if your theme or any plugin is adding the invalid css, and please remove it or request that theme’s or plugin’s support to remove it.

    <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>

    3. Your AMP pages are exceeding the CSS identify which plugin is exceeding CSS limit’s using AMP validator tool and find an alternative or suppress that plugin from AMP plugin settings.

    Check your CSS budget, because the AMP framework only allows 75 KB CSS on each page, so the AMP plugin adds CSS optimizations, which are sometimes exceeded by third-party plugins or themes.

    If you are not sure how to find exceeding CSS budget, follow the below steps:

    a) Make sure you have enabled the AMP validation tool
    Go-to: Users > Profile > check the checkbox for AMP Development tool > save

    b) Visit AMP page exceeding CSS budget check Admin bar for AMP option locate submenu CSS budget and click on it (screenshot)

    c) Locate the source of excessive CSS (screenshot)

    d) If one of the plugins adds excessive CSS find an alternative plugin from the AMP ecosystem

    You can learn more about the Reader mode video below:

    We hope this helps!

    Thread Starter farias615

    (@farias615)

    Hello Milind,

    When I put the first code in functions.php, the site goes completely blank and displays an error on the line.

    I disabled some possible plugins that I had recently installed, and the problem persists.

    The string:

    <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>


    Looking for it, it seems to be a WordPress update, right?

    I don’t have the WPForms Lite plugin, could this be some kind of malware? If so, how can I remove it?

    I don’t understand anything about programming, so I’m doing it step by step, using tutorials that I find on the internet to execute them, please, I ask for patience and I thank you.

    Plugin Support Milind More

    (@milindmore22)

    Hello @farias615

    Yes, it seems to be caused by a WordPress update 6.7.1 introduced the styling to fix auto image sizes #62413, my team is looking to fix the issue.

    In meantime can you please add the following code in your child themes functions.php or in a custom plugin it should fix your issue on AMP pages.

    /**
 * Disable auto sizes for AMP.
 */
function amp_disable_img_auto_sizes() {
	if ( function_exists( 'amp_is_request' ) && amp_is_request() ) {
		return false;
	}
}

add_filter( 'wp_img_tag_add_auto_sizes', 'amp_disable_img_auto_sizes' );
    Thread Starter farias615

    (@farias615)

    Hello Millind,

    Do you know if it was fixed?

    I spent this entire period without the amp active, can you check if everything is correct, please?

    Plugin Support Milind More

    (@milindmore22)

    Hi @farias615,

    We’ve been unable to recreate the issue you’re experiencing on our end. After testing the AMP plugin with a clean WordPress installation and default themes, we suspect the problem may stem from a conflict with another plugin or theme. These third-party elements might be modifying WordPress’s core CSS, leading to unexpected behavior.

    We’re actively investigating the issue. In the meantime, please try the workaround provided in our previous response.

    Let us know if that resolves the issue for you.

    Plugin Support Milind More

    (@milindmore22)

    @farias615 As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.

    Thread Starter farias615

    (@farias615)

    Hello! I still have the problem with CSS being used.

    I installed the child theme, put the code in functions.php, but it still warns about excessive use of CSS in the amp panel. Here are the screenshots.

    I don’t know what to do anymore, and because of the amp, I lost 80% of the site’s reach and views since the problem occurred.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.