Integrating Comments RESOLVED

Integrations & API
1

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

2

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…

3

Here’s a link to a post where the problem is showing: https://foresightpresent.foresightfutures.net/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"}}
4

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

Screenshot 2022-06-14 161634
Screenshot 2022-06-14 1616341450×447 35.6 KB

Screenshot 2022-06-14 161309
Screenshot 2022-06-14 1613091392×325 36.8 KB

1 Like
5

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

6

Pls mark as Resolved!