Integrating Comments RESOLVED

Hello everyone, my first post.

I am new to Ghost, a novice with CSS, but I am usually able to find my way around code to change basic stuff (technical term that). But, I’ve been trying to integrate a commenting system on my site and I’ve got a problem. I’ve tried Disqus, Comment Box and Commento. All show at the bottom of my posts but the ‘comment box’ extends across the whole page and isn’t directly under the post. What am I doing wrong? Or missing?

Any help/advice would be very welcome. Thanks.
Maree

Hello @mkconway !! I would need more information in order to assist. At the minimum, a link to a live page showing the problem you are having.

I recently solved (what appears to be) this same problem in a post here…

Here’s a link to a post where the problem is showing: Being a Good Ancestor

Here’s the code I have at the moment.

Thanks
Maree

{{!< default}}

{{#post}} {{#if primary_tag}} {{primary_tag.name}} {{/if}}
            <h1 class="gh-article-title">{{title}}</h1>

            {{> "post-meta"}}

            {{#if custom_excerpt}}
                <p class="gh-article-excerpt">{{custom_excerpt}}</p>
            {{/if}}

            {{#if feature_image}}
                <figure class="gh-article-image">
                    <img
                        srcset="{{img_url feature_image size="s"}} 300w,
                                {{img_url feature_image size="m"}} 720w,
                                {{img_url feature_image size="l"}} 960w,
                                {{img_url feature_image size="xl"}} 1200w,
                                {{img_url feature_image size="xxl"}} 2000w"
                        sizes="(max-width: 1200px) 100vw, 1200px"
                        src="{{img_url feature_image size="xl"}}"
                        alt="{{title}}"
                    >
                    {{#if feature_image_caption}}
                        <figcaption>{{feature_image_caption}}</figcaption>
                    {{/if}}
                </figure>
            {{/if}}
        </header>

        <section class="gh-content gh-canvas">
            {{content}}
        </section>
    </article>
{{/post}}
<script defer src="https://cdn.commento.io/js/commento.js"></script>
{{> "related-posts"}}

@mkconway I’m not seeing the Commento DIV in the code you posted, but it needs to go right after {{content}}

1 Like

Thank you! All good now - newbie error on my part. Much, much appreciated.
Maree

Pls mark as Resolved!