Can we style amp sites in read/classic-mode?

  • Resolved Kainer

    (@kainer)


    4 years, 5 months ago

    Is it possible to style the amp version of the site in reader/classic mode with css? If so can someone point me in the right direction how and with what function that might be achieved?

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

  • @kainer Great question. You can use the below to apply CSS to the reader mode templates, added to your themes functions.php file or preferably a custom plugin. 

    add_action( 'amp_post_template_css', function() {
        ?>
        /* Put Custom CSS here */
		.amp-wp-header {
    		background-color: #FF0000;
		}
        <?php
} );

    You can also create overwrites for any reader mode templates by creating an amp folder within your active themes root directory. Copy any of the reader mode templates into that folder and customize to suit your needs.

    Thread Starter Kainer

    (@kainer)

    Great help James, thank you very much!

    @kainer No problem at all, be sure to leave the plugin a review.

    You may also be interested in the following GitHub issue, with users able to select an AMP compatible theme for reader mode if preferred.
    https://github.com/ampproject/amp-wp/issues/4560

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can we style amp sites in read/classic-mode?’ is closed to new replies.