Falguni Desai

Thank you very much @dsardone for encouraging words. I would like to have your suggestions regarding additional features you want to see in the theme. Thanks again!

Hi Fiona,

I checked the url you gave above. The image is not skewing in that check. But the text in the content is not fully visible.

What is the size of the image? If your image width is larger than 1600 then it may be possible that the content you want to display is going out of screen.

Falguni

Thanks @thrivewithfiona and @di2006 for using my theme.

Can you both tell me the size of the image you are using and the browser used to view the webpage? And if possible can you send the screenshot of the problem ?

Hi,

Another way is to open your theme’s .pot file in “Poedit” software and add the translation for the words like “previous & next post” in the listing of translatable words in .pot file opened in Poedit.

Have u added a rule in location section in your ACF group “bussiness” to show ACF field group for a particular post type like business, post or portfolio in selection list?

Welcome. Happy to hear that your site is working fine.

Are placing the code in home.php/inedex.php?
Does this below code solve your problem?

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="blog-item-wrap">

		<div class="post-inner-content">
			<header class="entry-header page-header">

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

				<?php if ( 'post' == get_post_type() ) : ?>
				<div class="entry-meta">
					<?php sparkling_posted_on(); ?><?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>
				<span class="comments-link"><i class="fa fa-comment-o"></i><?php comments_popup_link( esc_html__( 'Leave a comment', 'sparkling' ), esc_html__( '1 Comment', 'sparkling' ), esc_html__( '% Comments', 'sparkling' ) ); ?></span>
				<?php endif; ?>

				<?php edit_post_link( esc_html__( 'Edit', 'sparkling' ), '<i class="fa fa-pencil-square-o"></i><span class="edit-link">', '</span>' ); ?>

				</div><!-- .entry-meta -->
				<?php endif; ?>
			</header><!-- .entry-header -->

			<div class="entry-content">

				<?php if ( has_post_thumbnail()) : ?>

				 	<?php the_post_thumbnail( 'sparkling-featured', array( 'class' => 'single-featured col-sm-5' )); ?>

				<?php endif; ?>

				<div class="col-sm-7">
					<?php the_content(); ?>
				</div>

				<?php
					wp_link_pages( array(
						'before'            => '<div class="page-links">'.__( 'Pages:', 'sparkling' ),
						'after'             => '</div>',
						'link_before'       => '<span>',
						'link_after'        => '</span>',
						'pagelink'          => '%',
						'echo'              => 1
		       		) );
		    	?>
			</div><!-- .entry-content -->

		</div>
	</div>
</article><!-- #post-## -->

Hi,

Have you checked URLs of all images after moving your site online? If URL is the problem then you can update all old URLs with new URLs with a plugin like velvet blue plugin.

Hi,

To display same content for search page and front page remove the if statement checking if(is_search()). It will also solve your problem of displaying thumbnail on search page. Your code should be like below:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="blog-item-wrap">

		<div class="post-inner-content">
			<header class="entry-header page-header">

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

				<?php if ( 'post' == get_post_type() ) : ?>
				<div class="entry-meta">
					<?php sparkling_posted_on(); ?><?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>
				<span class="comments-link"><i class="fa fa-comment-o"></i><?php comments_popup_link( esc_html__( 'Leave a comment', 'sparkling' ), esc_html__( '1 Comment', 'sparkling' ), esc_html__( '% Comments', 'sparkling' ) ); ?></span>
				<?php endif; ?>

				<?php edit_post_link( esc_html__( 'Edit', 'sparkling' ), '<i class="fa fa-pencil-square-o"></i><span class="edit-link">', '</span>' ); ?>

				</div><!-- .entry-meta -->
				<?php endif; ?>
			</header><!-- .entry-header -->

			<div class="entry-summary">
				<?php the_excerpt(); ?>
				" target="_blank"><?php _e( 'Read in new tab', 'sparkling' ); ?> <i class="fa fa-chevron-right"></i>
			</div><!-- .entry-summary -->
			<?php else : ?>
			<div class="entry-content">

				<?php if ( has_post_thumbnail()) : ?>
				" title="<?php the_title_attribute(); ?>" >
				 	<?php the_post_thumbnail( 'sparkling-featured', array( 'class' => 'single-featured col-sm-5' )); ?>

				<div class="col-sm-7">
					<?php the_excerpt(); ?>
				</div>
				<?php else : ?>
					<?php the_excerpt(); ?>
				<?php endif; ?>
				" target="_blank"><?php _e( 'Read in new tab', 'sparkling' ); ?> <i class="fa fa-chevron-right"></i>

				<?php
					wp_link_pages( array(
						'before'            => '<div class="page-links">'.__( 'Pages:', 'sparkling' ),
						'after'             => '</div>',
						'link_before'       => '<span>',
						'link_after'        => '</span>',
						'pagelink'          => '%',
						'echo'              => 1
		       		) );
		    	?>
			</div><!-- .entry-content -->

		</div>
	</div>
</article><!-- #post-## -->

The code with IE 8 is meant for the people who will see the website( using your theme) in old IE8 browser. Though you are not using IE8, you have to take of all browsers so that your theme looks good in all browser.

Hi,

If u don’t want to display 4 boxes before content then remove the <div> having class=”right-front-page-boxes”. That will solve your provlem. i.e. Remove the following code from your category.php.

<div class="right-front-page-boxes">
			<div id="top">
				<a href="<?php echo esc_url(get_theme_mod('top_box_link', esc_url(home_url('/contact')))); ?>"><?php echo get_theme_mod('top_box_header', __('Set an Appointment' , 'chiro-pro')); ?><br><span><?php echo get_theme_mod('top_box_sub_header', __('Request your appointment online' , 'chiro-pro')); ?><br><img src="<?php echo esc_url((get_template_directory_uri() . '/images/go-button.png')); ?>" alt="go button" /></span></a>
			</div>
			<a href="<?php echo esc_url(get_theme_mod('second_box_link', esc_url(home_url('/forms')))); ?>"><?php echo get_theme_mod('second_box_header', __('New Patient Forms' , 'chiro-pro')); ?><br><span><?php echo get_theme_mod('second_box_sub_header', __('Print them ahead of time' , 'chiro-pro')); ?></span></a>
			<a href="<?php echo esc_url(get_theme_mod('third_box_link', esc_url(home_url('/blog')))); ?>"><?php echo get_theme_mod('third_box_header', __('Latest News' , 'chiro-pro')); ?><br><span><?php echo get_theme_mod('third_box_sub_header', __('Promotions, Coupons, News' , 'chiro-pro')); ?></span></a>
			<a href="<?php echo esc_url(get_theme_mod('fourth_box_link', esc_url(home_url('/contact')))); ?>"><?php echo get_theme_mod('fourth_box_header', __('Location and Hours' , 'chiro-pro')); ?><br><span><?php echo get_theme_mod('fourth_box_sub_header', __('Maps and driving directions' , 'chiro-pro')); ?></span></a>
		</div>

Glad that i could help you to solve your problem.

hi,

In your browser(firefox, google or explorer), use Inspect Element facility by right clicking on the element like footer and other elements.
When u right click the element, u will be able to see the html code and css for that element. From there find out the element id/class name. Open style.css file and change the background-color for that element. For example if footer element class name is written as class=”site_footer”, then in style.css edit code for .site_footer to:

.site-footer{
background-color: white;
}

Thanks for the reply. The problem solved.