I am still a newbie at CSS and all that but, I believe this was the part I changed: content loop php.
<?php
/**
* @package Sugar & Spice
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class('excerpt cf'); ?>>
<div class="post-thumbnail">
<?php if (has_post_thumbnail()) { ?>
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail( ); ?>
</a>
<?php } ?>
</div>
<header class="entry-header">
<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<?php if ( 'post' == get_post_type() ) : ?>
<div class="entry-meta">
<?php sugarspice_posted_on(); ?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<div class="entry-content">
<?php the_content( __('Continue reading →', 'sugarspice') ) ?>
</div><!-- .entry-content -->
<div class="entry-summary">
<?php echo get_the_excerpt(); ?>
<a class="more-link entry-meta" href="<?php the_permalink(); ?>"><?php _e('Continue reading →', 'sugarspice'); ?>
<?php
wp_link_pages( array(
'before' => '<div class="page-links">' . __( 'Pages:', 'sugarspice' ),
'after' => '</div>',
) );
?>
</div><!-- .entry-summary -->
</article><!-- #post-## -->
However, I am seeing it is almost the same as the content.php so I am not sure where the problem is.
<?php
/**
* @package Sugar & Spice
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<div class="entry-meta">
<?php sugarspice_posted_on(); ?>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<?php if( !is_paged() && $wp_query->current_post == 0 ) { the_content( __('Continue reading →', 'sugarspice') ); } else { the_excerpt(); } ?>
</div><!-- .entry-content -->
<footer class="entry-meta bottom">
<?php sugarspice_post_meta(); ?>
</footer><!-- .entry-meta -->
</article><!-- #post-## -->