Hi!

This is the correct and intended effect. What the image size selection does is let you choose what image size gets loaded in to that container. It will always be 2/3 the width of the content area because its in a 2/3 column.

If you want to change the size the image is viewed on the page then you would need to change its container size.

Best regards,
Devin

Hey!

Yes, there is something interfering, a style declared by the theme, but you can disable it if you want, open css/base.css and look for the images section, around line 147:

	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		width:auto;
		image-rendering: optimizeQuality;
	}

Change it to:

	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		image-rendering: optimizeQuality;
	}

Regards,
Josue

Hey!

Try adding this code to the Quick CSS:

.wp-image-2791 {
    width: 144px;
    height: 58px;
}

Cheers! 
Josue

Hey!

The two image links aren’t working but from your description its because the resolutions are different. So the display of the content is different between the two devices.

Cheers!
Devin

You can change the grid wrappers for the image and summary in config-woocommerce>config.php. Look for:

#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
function avia_add_image_div()
{
	echo "<div class='four units single-product-main-image alpha'>";
}

function avia_close_image_div()
{
	global $avia_config;
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	echo "</div>";
}

#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
add_action( 'woocommerce_after_single_product_summary',  'avia_close_div', 3);
function avia_add_summary_div()
{
	echo "<div class='eight units single-product-summary'>";
}

The div class wrapper is what gives the content its width within the layout in units that equal a total of twelve. So you can change the image from being four units and instead make it six but you would then also have to change the summary unit class name from eight to six as well so the total still equals twelve.

Hi,

Can you post the link to the actual Page please?

Regards,
Josue

Your child theme style.css has a missing bracket so all the css after it is not actually being executed. You can, in the future, inspect your color section with dev tools in the browser and if the css isn’t showing as effecting the element then the css file has an issue.

In your case, look for this block:

/*fix header dissapearing on ipad */
@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
h1 {
font-size: 24px;
padding-right:30px;
}

It needs to have a closing bracket on the media query.

Hey!

Try adding this code to the Quick CSS:

.portfolio-preview-image {
    width: 39% !important;
}
.portfolio-preview-content {
    width: 61% !important;
}

Cheers! 
Josue

It isn’t something that has ever come up and while it seems handy I can’t see a real need for it since it would be better in almost all cases to set it up manually. Even if the user is an extremely active partner they would be putting up a few videos a day and the screenshots/featured image would be the only thing that would need to be created. Then its just adding a new post to WordPress with that featured image and a link to the video.

You can add the idea for support of a specific plugin to the feature request topic however.

Hi!

No, it’s not possible at the moment, the only way to do this custom sliders would be to use LayerSlider, if you need some insight, please refer to this video:

Cheers!
Josue