Single Product Image Unaffected by Change in Settings

You need to make the content area wider https://dl.dropboxusercontent.com/s/4s9cheukmezle1t/2016-06-16%20at%2018.35.png?dl=0

This is all controlled with CSS.

OH! I see what you mean! The container is 800×548.

I’m new to CSS so I was wondering if I’m on the right track with this code:

}
#content {
margin: 0 5% 0 5%;
width: 2000 px;
}

Thanks again for the help!

If you look at the HTML it has some column classes. You should perhaps change those. Please refer to your theme’s documentation.

I’m looking at the files given with the theme and the only documentation given is that explaining how to use the custom theme menu within the admin dashboard. Is there a certain file I’m looking for that has the column classes listed within it?

single-product.php or possibly just single.php. Really you should contact the theme author for guidance on that.

Unfortunately the theme author hasn’t responded even though I’ve sent them a few requests for help intermittently over the past few weeks.

I found a single-product file folder under both the plugins/woocommerce and themes/(name of theme)/woocommerce.

Within them:

– product-image
– product-attributes
– other files

My idea was to go through product-image and this is what I got:

<?php
/**
 * Single Product Image
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     2.0.14
 */

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

global $post, $woocommerce, $product;

?>
<div class="images">

	<?php
		if ( has_post_thumbnail() ) {

			$image_title = esc_attr( get_the_title( get_post_thumbnail_id() ) );
			$image_link  = wp_get_attachment_url( get_post_thumbnail_id() );
			$image       = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
				'title' => $image_title
				) );

			$attachment_count = count( $product->get_gallery_attachment_ids() );

			if ( $attachment_count > 0 ) {
				$gallery = '[product-gallery]';
			} else {
				$gallery = '';
			}

			echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image ), $post->ID );

		} else {

			echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );

		}
	?>

	<?php do_action( 'woocommerce_product_thumbnails' ); ?>

</div>

Weirdly enough, none of this is under the child theme which is what is activated on the site at the moment.

EDIT: I edited the page using the inspect element tool and it worked out: https://imgur.com/gQGcOyU

Sorted then?

Unfortunately no. I was only able to edit it using the inspect element tool but still am not familiar with how to edit the container.

Look in your theme folder for a single.php – thats where you’ll find containers.