בעיה בריווח בין פוסטים בתצוגת גריד בתבנית סופרסטאר

טוב, במידה ואין לך ידע בקוד אז זה קצת מורכב בערכת העיצוב הזאת, אבל בא ננסה:

תעתיק את הקבצים הרלוונטיים מתיקיית content בתבנית אב לתיקיית content בתבנית בת.

לדוגמא, במידה ואתה רוצה לשנות את זה בתצוגת גריד 3 בוידג'ט פוסטים, אז תעתיק את הקובץ recent_post-grid_three.php

במידה וזה תצוגת גריד 4 אז תעתיק את הקובץ recent_post-grid_four.php

לאחר מכן תוסיף עוד דיב מתחת ל recent-post grid-item col-md-4 col-sm-6 col-xs-12 ולתת לו איזה מרווח שאתה רוצה, תוכל לראות בדוגמא הבאה את הדיב inner-item

<?php
/**
 * Recent Post: Grid Three
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

global $_current_widget_instance;
?>
<div class="recent-post grid-item col-md-4 col-sm-6 col-xs-12">
	<div class="inner-item">
		<?php if ( 'show' === $_current_widget_instance['thumbnail'] && $image_url = Pojo_Thumbnails::get_post_thumbnail_url( array( 'width' => '640', 'height' => '400', 'crop' => true, 'placeholder' => true ) ) ) : ?>
			<a class="image-link" href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark">
				<img src="<?php echo $image_url; ?>" alt="<?php echo esc_attr( get_the_title() ); ?>" class="media-object" />
				<div class="overlay-image"></div>
				<div class="overlay-title fa"></div>
			</a>
		<?php endif; ?>
		<div class="caption">
			<?php if ( 'show' === $_current_widget_instance['show_title'] ) : ?>
				<h4 class="grid-heading">
					<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a>
				</h4>
			<?php endif; ?>
			<?php if ( 'show' === $_current_widget_instance['except'] ) : ?>
				<div class="entry-excerpt">
					<p><?php echo pojo_get_words_limit( get_the_excerpt(), $_current_widget_instance['except_length_words'] ); ?></p>
				</div>
			<?php endif; ?>
			<div class="entry-meta">
				<?php if ( 'show' === $_current_widget_instance['metadata_date'] ) : ?>
					<span class="entry-date"><?php echo get_the_date(); ?></span>
				<?php endif; ?>
				<?php if ( 'show' === $_current_widget_instance['metadata_time'] ) : ?>
					<span class="entry-time"><?php echo get_the_time(); ?></span>
				<?php endif; ?>
				<?php if ( 'show' === $_current_widget_instance['metadata_comments'] ) : ?>
					<span class="entry-comment"><?php comments_popup_link( __( 'No Comments', 'pojo' ), __( 'One Comment', 'pojo' ), __( '% Comments', 'pojo' ), 'comments' ); ?></span>
				<?php endif; ?>
				<?php if ( 'show' === $_current_widget_instance['metadata_author'] ) : ?>
					<span class="entry-user"><a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" rel="author" class="fn"><?php echo get_the_author(); ?></a></span>
				<?php endif; ?>
				<?php if ( 'show' === $_current_widget_instance['metadata_readmore'] ) : ?>
					<a href="<?php the_permalink(); ?>" class="read-more"><?php echo  ! empty( $_current_widget_instance['text_readmore_mode'] ) ? $_current_widget_instance['text_readmore_mode'] : __( 'Read More &raquo;', 'pojo' ); ?></a>
				<?php endif; ?>
			</div>
		</div>
	</div>
</div>

דבר ראשון, הורד מה .grid-item את ה-margin וה-box shadow.

ובמקום .grid-item{background-color:#FFFFFF;} הכנס .grid-item{background-color:transparent;}

לאחר מכן הכנס את הקוד הבא:

.inner-item{
background-color:#FFFFFF;
padding:10px;
}

תוסיף גם את הקוד CSS הבא:
.grid-item:hover {background-color:transparent;}