Style attributes displayed as plain text
-
Hello,
I noticed the following issue while using the default shortcode button functionality that comes with my theme (bazar). The full html code looks like this:
<p style="text-align: center;"> <style type="text/css"> .btn-id0{background:#ff0000;background:-moz-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%, #ff0000), color-stop(100%, #ff0000));background:-webkit-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-o-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-ms-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:linear-gradient(left,#ff0000 0%, #ff0000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff0000',GradientType=1)}.btn-id0:hover{background:#ff0000;background:-moz-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%, #ff0000), color-stop(100%, #ff8080));background:-webkit-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-o-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-ms-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:linear-gradient(left,#ff0000 0%, #ff8080 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff8080',GradientType=1)}a.btn-id0{ color: #FFFFFF;}a.btn-id0:hover { color: #FFFFFF;}</style> <a href="//event.2parale.ro/events/click?ad_type=quicklink&aff_code=2c42f3c4e&unique=5e008e4e0&redirect_to=http%253A%252F%252Fwww.zoot.ro%252F" onclick="ga('send', 'event', 'Affiliate', 'Click', 'https://www.maller.ro/voucher-zoot-reducere/');" class="btn btn-large btn-id0 ">APASA AICI PENTRU A PRIMI VOUCHERUL ZOOT.RO</a></p>
In the AMP version of the page, the above code looks like this:
<p> .btn-id0{background:#ff0000;background:-moz-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%, #ff0000), color-stop(100%, #ff0000));background:-webkit-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-o-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:-ms-linear-gradient(left,#ff0000 0%, #ff0000 100%);background:linear-gradient(left,#ff0000 0%, #ff0000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff0000',GradientType=1)}.btn-id0:hover{background:#ff0000;background:-moz-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%, #ff0000), color-stop(100%, #ff8080));background:-webkit-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-o-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:-ms-linear-gradient(left,#ff0000 0%, #ff8080 100%);background:linear-gradient(left,#ff0000 0%, #ff8080 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff8080',GradientType=1)}a.btn-id0{ color: #FFFFFF;}a.btn-id0:hover { color: #FFFFFF;} <a href="//event.2parale.ro/events/click?ad_type=quicklink&aff_code=2c42f3c4e&unique=5e008e4e0&redirect_to=http%253A%252F%252Fwww.zoot.ro%252F" class="btn btn-large btn-id0 ">APASA AICI PENTRU A PRIMI VOUCHERUL ZOOT.RO</a></p>
Any help?
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Style attributes displayed as plain text’ is closed to new replies.