Skip to content

Instantly share code, notes, and snippets.

@jdmdigital

jdmdigital/bootplate_amp_css.php

Last active March 22, 2016 20:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jdmdigital/292473c46c1fd2b24872 to your computer and use it in GitHub Desktop.
Save jdmdigital/292473c46c1fd2b24872 to your computer and use it in GitHub Desktop.
Download ZIP
Overwrite the Bootplate-esque AMP CSS styling function like so...
Raw
bootplate_amp_css.php
<?php
function bootplate_amp_css( $amp_template ) {
// only CSS here please...
?>
/* Custom Styles Appended to in-line AMP CSS */
html body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; font-size: 18px; font-weight: 300; line-height: 1.4;}
body nav.amp-wp-title-bar {background-color: #6f5499;}
body .amp-wp-meta, body .amp-wp-meta a, body a{color: #6f5499;}
body .amp-wp-title{color:#000;}
body .amp-wp-content{color:#333;}
body blockquote{background: #eeeeee none repeat scroll 0 0; border-left: 4px solid #888; color: #222;}
<?php
}
add_action( 'amp_post_template_css', 'bootplate_amp_css' );
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment