BuilderChild-Patterned

Live Demo

How to make the entire "Comments (n)" clickable vs just the (n)

Before:

After:

1. Copy index.php from parent Builder into the child theme and edit it.

Change

<?php do_action( 'builder_comments_popup_link', '<span class="comments">· ', '</span>', __( 'Comments %s', 'it-l10n-Builder' ), __( '(0)', 'it-l10n-Builder' ), __( '(1)', 'it-l10n-Builder' ), __( '(%)', 'it-l10n-Builder' ) ); ?>

to

<?php do_action( 'builder_comments_popup_link', '<span class="comments">· ', '</span>', __( '%s ·', 'it-l10n-Builder' ), __( 'Comments (0)', 'it-l10n-Builder' ), __( 'Comments (1)', 'it-l10n-Builder' ), __( 'Comments (%)', 'it-l10n-Builder' ) ); ?>

and change

<?php do_action( 'builder_comments_popup_link', '<div class="entry-meta alignright"><span class="comments">', '</span></div>', __( 'Comments %s', 'it-l10n-Builder' ), __( '(0)', 'it-l10n-Builder' ), __( '(1)', 'it-l10n-Builder' ), __( '(%)', 'it-l10n-Builder' ) ); ?>

to

<?php do_action( 'builder_comments_popup_link', '<div class="entry-meta alignright"><span class="comments">', '</span></div>', __( '%s', 'it-l10n-Builder' ), __( 'Comments (0)', 'it-l10n-Builder' ), __( 'Comments (1)', 'it-l10n-Builder' ), __( 'Comments (%)', 'it-l10n-Builder' ) ); ?>

Make similar changes in other template files like archive.php and search.php as needed.

2. [Optional] To make the meta hyperlinks more prominent, add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):

.entry-header .entry-meta a,
.hentry .entry-meta a {
    color: #4D8B97;
}

.entry-header .entry-meta a:hover,
.hentry .entry-meta a:hover {
    color: #005580;
}