Css error when amp validating

Viewing 3 replies - 1 through 3 (of 3 total)
  • Abdul Jabbar

    (@encodingjabbar)

    7 years, 7 months ago

    Hi @miealex,

    Can you tell me what are you adding any custom CSS in the AMP?
    Let me know.

    Thread Starter miealex

    (@miealex)

    7 years, 7 months ago

    .fsp h2 a, .fbp h2 a, .amp-post-title, .amp-archive-title {color: #f47001 !important;}
    .loop-img, .rlp-image, h3 {margin-top: 20px; clear: both;}
    .fsp-cnt p, .fbp-cnt p .loop-category, .loop-title {padding: 0 20px !important;}
    .pt-dt, .at-dt {display: none;}
    .amp-related-posts-title, .shr-txt, .amp-tags span {font-weight: bold; font-size: 18px; color: #f47001 !important;}
    .cntn-wrp p {margin: 5px 0 0 0 !important;}
    .alignright {float: none;}
    .fsp, .fbp {margin-top: 20px !important; margin-bottom: 0 !important;}
    [layout=responsive][width][height]:not(.i-amphtml-layout-responsive), [width][height][sizes]:not(.i-amphtml-layout-responsive) { display: inline-block; }
    .loop-pagination { margin: 50px 0px 0 0px !important;}
    .fsp-cnt .loop-category, .fbp-cnt .loop-category { margin-top: 20px !important; }
    [layout=responsive][width][height]:not(.i-amphtml-layout-responsive), [width][height][sizes]:not(.i-amphtml-layout-responsive) {display: inline-block !important; margin-left: 5px;}

    • This reply was modified 7 years, 7 months ago by miealex.
    Abdul Jabbar

    (@encodingjabbar)

    7 years, 7 months ago

    Hi @miealex,

    The CSS(i-amphtml-layout-responsive) as the prefix, which you are adding is not please remove this to avoid the AMP validation error.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Css error when amp validating’ is closed to new replies.