diff --git a/examples/amp-story/amp-story-subscriptions.html b/examples/amp-story/amp-story-subscriptions.html index 4064554eebf9..2f20fb7e4731 100644 --- a/examples/amp-story/amp-story-subscriptions.html +++ b/examples/amp-story/amp-story-subscriptions.html @@ -229,9 +229,9 @@

Cultral Experiences

+ headline='Information at your fingertips' + description='Subscribe for unlimited access.' + additional-description='Cancel anytime.'> > diff --git a/examples/visual-tests/amp-story/amp-story-subscriptions.html b/examples/visual-tests/amp-story/amp-story-subscriptions.html index 6161b4921432..3d02c0965588 100644 --- a/examples/visual-tests/amp-story/amp-story-subscriptions.html +++ b/examples/visual-tests/amp-story/amp-story-subscriptions.html @@ -219,9 +219,9 @@

Cultral Experiences

+ headline='Information at your fingertips' + description='Subscribe for unlimited access.' + additional-description='Cancel anytime.'> > diff --git a/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.css b/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.css index 7d35702b56ba..c4dadf93ad4c 100644 --- a/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.css +++ b/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.css @@ -142,7 +142,7 @@ iframe.swg-dialog { margin-bottom: 0.2em !important; } -.i-amphtml-story-subscriptions-title { +.i-amphtml-story-subscriptions-headline { display: block !important; font-weight: 700 !important; font-size: 1.15em !important; @@ -152,7 +152,7 @@ iframe.swg-dialog { margin: 0.4em 0 0.15em !important; } -.i-amphtml-story-subscriptions-subtitle-first, .i-amphtml-story-subscriptions-subtitle-second { +.i-amphtml-story-subscriptions-description, .i-amphtml-story-subscriptions-additional-description { display: block !important; font-size: 0.9em !important; letter-spacing: -0.015em !important; diff --git a/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.js b/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.js index 0def1995eb65..5923cc1feaf1 100644 --- a/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.js +++ b/extensions/amp-story-subscriptions/0.1/amp-story-subscriptions.js @@ -222,17 +222,17 @@ export class AmpStorySubscriptions extends AMP.BaseElement { {this.element.getAttribute('price')} - {this.element.getAttribute('title') && ( - - {this.element.getAttribute('title')} + {this.element.getAttribute('headline') && ( + + {this.element.getAttribute('headline')} )} - - {this.element.getAttribute('subtitle-first')} + + {this.element.getAttribute('description')} - {this.element.getAttribute('subtitle-second') && ( - - {this.element.getAttribute('subtitle-second')} + {this.element.getAttribute('additional-description') && ( + + {this.element.getAttribute('additional-description')} )}