Lucille

Could be a theme specific issue. Have you tried activating a default theme, like twentyfifteen, and see if your page loads?

Hi Zirn,

I’m not seeing any errors when clicking on the “Pin It” button. However, I am not logged in to Pinterest. Did you solve the issue or was the error only showing if you were logged in?

Hi JulianOkeBay,

You’ll want to remove the background color (background-color: #222) or perhaps make the background a light color (#AAA for suggestion). Making the background color lighter, will make the white font still readable on very light images..

Edit /css/shortcodes.css at line 4907:

.carousel-inner > .item .slider-bg-overlay {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: 0;
}

Hope this helps.

Try adding this code to your header.php file:

<script type="text/javascript">
jQuery(document).ready(function() {
	jQuery(document).on('hover','.thumbnails .zoom', function() {
        var photo_fullsize =  jQuery(this).find('img').attr('src').replace('-250x250','');
        jQuery('.woocommerce-main-image img').attr('src', photo_fullsize);
        return false;
    });
});
</script>

You will want to change the <div class=”span5″> to <div class=”span6″> inside your HTML.

By changing the div class to span6, each section takes up 50% of the width, which centers the content, instead of having some white space on the right side.

Inside your CSS file main-style.css at line 196 add the following:

body.home h2 {
    text-align: center;
}

At line 1268 add the following:

.service-box h2 {
    text-align: left !important;
}

Just to clarify, by the looks of it, it seems as though you would like the thumbnail image (when hovered) to replace the bigger image, and if a user clicks the image, then the lightbox should open. Is this correct?

Is there a URL we can see to help diagnose the issue?

You could try adding the following code to your theme’s CSS file. This will hide the text, and not completely remove it.

#yith-s::-webkit-input-placeholder {
   opacity: 0;
}

#yith-s:-moz-placeholder { /* Firefox 18- */
   opacity: 0;
}

#yith-s::-moz-placeholder {  /* Firefox 19+ */
   opacity: 0;
}

#yith-s:-ms-input-placeholder {
   opacity: 0;
}

You could try adding the jQuery code to your header.php file inside your theme’s folder like so:

<script type="text/javascript">
jQuery(document).ready(function() {
	jQuery(document).on('click','.thumbnails .zoom', function() {
        var photo_fullsize =  jQuery(this).find('img').attr('src').replace('-100x132','');
        jQuery('.woocommerce-main-image img').attr('src', photo_fullsize);
        return false;
    });
});
</script>

And be sure to replace the numbers (‘-100×132’) with your own thumbnail sizes.

Hope this helps.

You’re welcome ??

To answer your question #1, to remove the spacing below the image, open your style.css file and modify line 695:

.entry-header {
    margin-bottom: 1.71429rem;
}

You can set the margin-bottom value to 0.

However, if you only want to remove the margin from the category pages, then leave the above code intact and instead add the following code below it in the style.css file:

body.category .entry-header {
    margin-bottom: 0;
}

Hope this helps.

You’re welcome ??

Embed Facebook page to your website:

<div class="fb-page" data-href="https://www.facebook.com/facebook"
  data-width="380" data-hide-cover="false" data-show-facepile="false"
  data-show-posts="false"></div>

Reference URL

To add a Facebook Like button to your website, refer to the following link: Facebook Like Button for the Web

Hoping this was helpful ??

You’re welcome. Have a nice day! ??

You should be able to add the post thumbnail by adding the below code into your PHP file.

<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
	the_post_thumbnail();
}
?>

The below code is longer but will output the parent category before the child:

<?php
$taxonomy = 'category';

// get the term IDs assigned to post.
$post_terms = wp_get_object_terms( $post->ID, $taxonomy, array( 'fields' => 'ids' ) );
// separator between links
$separator = ' &bull; ';

if ( !empty( $post_terms ) && !is_wp_error( $post_terms ) ) {
	$term_ids = implode( ',' , $post_terms );
	$terms = wp_list_categories( 'title_li=&style=none&echo=0&taxonomy=' . $taxonomy . '&include=' . $term_ids );
	$terms = rtrim( trim( str_replace( '<br />',  $separator, $terms ) ), $separator );

	// display post categories
	echo  $terms;
}
?>