Featured image within the posts

Hi @amantini1,

Currently there’s a CSS property applied to post images and it does change, its opacity when hovered over the image. Could you please elaborate what exactly you are looking for when you say ‘I would like to be able to view the image highlighted in the posts’.

Do you want your blog post image to be bordered when you say highlighted? Please let me know your thoughts so that I can provide you with the required solution.

Thanks and Regards,
Milan.

Hi @amantini1,

To get the result as you desired, you must activate the child theme. You can get knowledge about child theme and download the accelerate child theme from below link.

https://themegrill.com/blog/tutorial-creating-wordpress-child-theme/

Now that you’ve downloaded and activated the child theme, create a file name content-single.php and add the below code.

<?php
/**
 * The template used for displaying page content in page.php
 *
 * @package    ThemeGrill
 * @subpackage Accelerate
 * @since      Accelerate 1.0
 */
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<?php do_action( 'accelerate_before_post_content' ); ?>

	<?php if ( get_post_format() ) {
		get_template_part( 'inc/post-formats' );
	} ?>

	<header class="entry-header">
		<h1 class="entry-title">
			<?php the_title(); ?>
		</h1>
	</header>

	<?php accelerate_entry_meta(); ?>

	<div class="entry-content clearfix">
		<?php

		if (has_post_thumbnail()) {
			$image = '';
			$title_attribute = get_the_title($post->ID);
			$image .= '<figure class="post-featured-image">';
			$image .= '<a href="' . get_permalink() . '" title="' . the_title_attribute('echo=0') . '">';
			$image .= get_the_post_thumbnail($post->ID, 'featured-blog-large', array(
					'title' => esc_attr($title_attribute),
					'alt' => esc_attr($title_attribute),
				)) . '</a>';
			$image .= '</figure>';
			echo $image;
		}

		the_content();

		wp_link_pages( array(
			'before'      => '<div style="clear: both;"></div><div class="pagination clearfix">' . __( 'Pages:', 'accelerate' ),
			'after'       => '</div>',
			'link_before' => '<span>',
			'link_after'  => '</span>',
		) );
		?>
	</div>

	<?php do_action( 'accelerate_after_post_content' ); ?>
</article>

The process is tedious and it might create a situation where you have to re-save your previous menu but it’ll do the trick.
I’ll advise you to attempt this only if you are confident enough and have a decent knowledge about coding.

Thanks and Regards,
Milan.

Hi @amantini1,

Great to hear it worked for you, if you liked our theme and enjoying the support we would be thrilled if you drop a review. Your review would be an enormous help. And if you ever have a query please let us know.

Thanks and Regards,
Milan,