Reading time on blog page

Hey northorie,
Thank you for the link to your site, it looks like you are using the masonry element and I believe that your shortcode is for the Reading Time WP plugin. I tested this on my demo site and found that adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_reading_time_to_masonry_entry($content, $entry, $config) {
    $reading_time_html = "<div class='reading-time'>" . do_shortcode('[rt_reading_time post_id="' . $entry['ID'] . '" label="Reading Time:" postfix="minutes" postfix_singular="minute"]') . "</div>";
    $content .= $reading_time_html;
    return $content;
}
add_filter('avf_masonry_entry_content', 'add_reading_time_to_masonry_entry', 10, 3);

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
and adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-inner-masonry .reading-time {
	opacity: 0;
	bottom: 0;
  position: absolute;
  right: 0;
}
.av-inner-masonry:hover .reading-time {
	opacity: 1;
}

will add the reading time at the bottom right corner on hover only, like this:

Best regards,
Mike

Hi,
Did you copy the code from the forum and not an email notification so the symbols were not converted?
Please include an admin login in the Private Content area so we can check.

Best regards,
Mike

Hi,
Thank you for the link to your site, but the login is not admin so I can not see any of the theme settings or the custom code that you added, please check.

Best regards,
Mike

Hi,

Thank you for the update.

The excerpt is currently disabled, but it needs to be enabled for the above modification to work. We adjusted the filter so that the reading time appears after the title instead of after the content. Please check it again. The reading time should display on hover.

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors h3 .span-reading-time {
	font-size: 12px;
}

and adjust the font size to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I notice that you are not using a child theme and have your customization in the parent theme functions.php
all of these customizations will be lost the next time that you update the theme.
If you are not going to use a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then save.
I recommend that you move your customizations so you don’t lose them.
I changed your Reading time code to this for your last requests:

function add_reading_time_to_masonry_entry($content, $entry, $config) {
    $reading_time_html = "<div class='reading-time'></br>" . do_shortcode('[rt_reading_time post_id="' . $entry['ID'] . '" label="Lesedauer:" postfix="min" postfix_singular="min"]') . "</div>";
    $content .= $reading_time_html;
    return $content;
}
add_filter('avf_masonry_entry_title', 'add_reading_time_to_masonry_entry', 10, 3);

Best regards,
Mike