How to add a comment counter to Florence

Please note: This FAQ Article is specifically for the Florence theme.

To add a comment counter to Florence's homepage under each post, you can follow a few easy steps. 

Please note: This will only add a comment counter to your homepage posts if you are using the standard or full-width post layout option. The List and Grid post layouts do not have the social share icons visible on the homepage.

Navigate to WP Dashboard > Plugins > Plugin Editor.
In the upper-right of the screen, you'll see a drop-down menu with the words "Select plugin to edit". 
From this drop-down, choose the "Florence Core" plugin. Click the "Select" button. 
On the right, click the "inc" folder. 
Finally, open the file titled "social_share.php". 

On Line 27, you'll see the following line of code:

<?php if ( comments_open() ) : ?><a href="<?php echo get_permalink(); ?>#comments_wrapper"><i class="fa fa-comments"></i></a><?php endif; ?>

Replace that line of code with the following code instead:

<?php if(comments_open()) : ?>
    <div class="comment-counter"><?php comments_popup_link('No Comments', '1 Comment', '% Comments', '', ''); ?></div>
<?php endif; ?>

Save the file when you're finished.

Next, navigate to WP Dashboard > Appearance > Theme Editor > and open up the "comments.php" file.
On Line 2, you'll see this line of code:

<div class="post-comments" id="comments_wrapper">

Replace that line of code with the following instead:

<div class="post-comments" id="comments">

Save changes to the file when finished. 

Lastly, within Appearance > Customize > Custom CSS/Additional CSS, copy & paste the following: 

.comment-counter {
display: inline-block;
margin-left: 15px;
}

Save changes.