Hi @toshiamcbrowns,
Thanks for choosing IntellyWP products.
You could copy the inline css code generated by our plugin:
http://i65.tinypic.com/1ekq5u.jpg
then include this css code on the AMP settings, going to AMP > Design > Global > Custom CSS:
http://i68.tinypic.com/1z1w6yq.jpg
Please let us know
Have a nice day.
IntellyWP
Sorry, but as I am not too coding-savvy, I have no clue how to get to the first part of your process. Can you please advice?
Hi @alexserenrosso,
Thanks for choosing IntellyWP products.
Could you please send us the link of your website?
I’ll send you the css code for the part 2
Thank you
IntellyWP
Hi Alex,
thanks for the informations provided
Please insert the following css code on the AMP settings, going to AMP > Design > Global > Custom CSS:
.IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .centered-text-area { min-height: 100px; position: relative; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #3498DB; } .IRPP_kangoo:active , .IRPP_kangoo:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #2980B9; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; background-size: cover; float: left; margin: 0; padding: 0; } .IRPP_kangoo .postImageUrl { width: 30%; } .IRPP_kangoo .imgUrl { width: 100%; } .IRPP_kangoo .centered-text-area { float: right; width: 70%; padding:0; margin:0; } .IRPP_kangoo .centered-text { display: table; height: 100px; left: 0; top: 0; padding:0; margin:0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; margin: 0; padding: 0 10px 0 10px; position: relative; vertical-align: middle; width: 100%; } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 13px; font-weight: bold; letter-spacing: .125em; margin: 0; padding: 0; text-decoration: underline; } .IRPP_kangoo .postTitle { color: #000; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_kangoo .ctaButton { background-color: #2980B9; margin-left: 10px; position: absolute; right: 0; top: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .IRPP_kangoo:after { content: ""; display: block; clear: both; }
Please let us know
IntellyWP
Hmmm I don’t think it’s working. On the AMP site, it’s not changing anything, and in the custom CSS section the code has a triangle next to it so maybe it’s not saved? The errors are the following:
use of important!
unknown property ‘webkit-transition’
duplicate property ‘transition’ found
duplicate property ‘webkit-transition’ found
using with padding can sometimes make elements larger than expected
margin can’t be used with display: table-cell
Hi Alex,
I just opened your website, could you please disable temporanelly the cache plugin?
Please see the following screenshot
http://it.tinypic.com/view.php?pic=141la4n&s=9#.W47I6H59g3o
Which AMP plugin have you installed?
Thank you
Alex
It’s working now! Thank you! Just for the records, I’m using the AMPforWP plugin just as the thread opener
Hey Alex
you’re welcome 🙂
If you still need help, we’re more than happy to assist you.
Cheers
IntellyWP
