Update ghost default cta
With the {{content}}
helper, visitors who don’t have access to a post (determined by the access
property) will see a default call to action in the content area instead, prompting users to subscribe. Default subscribe form is below. What if you want to update the style or words in the form?
It can be achieved by adding a content-cta.hbs
under partials folder. And use this hbs to replace the {{content}}
helper in the post.hbs.
<!-- partials/content-cta.hbs -->
<aside class="gh-post-upgrade-cta">
<div class="gh-post-upgrade-cta-content" style="background-color: #FF1A75">
<h2>Subscribe to view</h2>
<a class="gh-btn gh-portal-close" data-portal="signup" style="color:#FF1A75">Free subscribe</a>
<p><small>Already have an account? <a data-portal="signin" class="gh-portal-close">Sign in</a></small></p>
</div>
</aside>
<!-- post.hbs -->
<div class="post-content">
{{{html}}}
{{#unless access}}
{{> content-cta}}
{{/unless}}
</div>
Below is the style in my blog.