^^&&^^

Edit File: post-4.php

<?php

defined( 'ABSPATH' ) || exit; // Exit directly

$metabox_options = get_post_meta( get_the_ID(), 'orun_post_opt', true );

$view = get_post_meta( get_the_ID(), 'post_views_count', true );

<?php

if (!empty($metabox_options['orun-meta-opt-primary-category'])) {

$primarycat = get_term($metabox_options['orun-meta-opt-primary-category']);

$term_id = $primarycat->term_id;

} else {

$categories = get_the_category();

if (!empty($categories)) {

$term_id = $categories[0]->term_id;

}

$bg_color = '#000';

$text_color = '#fff';

if (isset($term_id)) {

global $wpdb;

$table_name = $wpdb->prefix . 'termmeta';

$bg_color_meta_key = 'bg_color';

$bg_color_value = $wpdb->get_var($wpdb->prepare("SELECT meta_value FROM $table_name WHERE term_id = %d AND meta_key = %s", $term_id, $bg_color_meta_key));

if ($bg_color_value) {

$bg_color = $bg_color_value;

}

if ($border_text_color_value) {

$border_text_color = $border_text_color_value;

}

if ($text_color_value) {

$text_color = $text_color_value;

}

$post_number = $args['post_number'];

$bg_image = '';

if (has_post_thumbnail()) {

$thumbnail_id = get_post_thumbnail_id();

$bg_image = wp_get_attachment_image_src($thumbnail_id, 'orun-md');

$bg_image = $bg_image[0];

} else {

$bg_image = get_template_directory_uri() . '/assets/img/nothumb.jpg';

}

<?php echo $post_number; ?>

</div>

<h3 class="post-title"><a rel="nofollow" href="<?php echo the_permalink(); ?>"

title="<?php the_title(); ?>"><?php the_title(); ?></a>

</h3>

<span>

</span>

</div>

</div>

document.addEventListener("DOMContentLoaded", function() {

var orunPmItems = document.querySelectorAll(".orun-pm-item[data-bg]");

orunPmItems.forEach(function(item) {

var postTitle = item.querySelector(".post-title");

var metaStart = item.querySelector(".meta-start");

item.addEventListener("mouseover", function() {

var backgroundImage = item.getAttribute("data-bg");

item.style.background = "linear-gradient(to bottom, #00000085, #00000085), url('" + backgroundImage + "') no-repeat center center / cover";

postTitle.style.color = "#fff";

metaStart.style.color = "#fff";

});

item.addEventListener("mouseout", function() {

item.style.background = "";

postTitle.style.color = "";

metaStart.style.color = "";

});

</script>