How do I make the product image smaller?

[mashiaq]

I want to make the product image smaller on details page and left align the social sharing buttons inline with “type” as well as increase the size of the product name . How can I bring back the page header like the other pages?

[Harry]

Hi,

1. Please edit file product-detail-2col.liquid http://take.ms/EEtpQ change jas-col-md-6 to jas-col-md5 and jas-col-md-7

2. Please add below code to Theme Settings > Custom Code > Custom CSS

.social.social--share {
	text-align: left;
	display: inline-block;
}
.social.social--share a:first-child {margin-left: 0;}
.product-single__title {font-size: 20px;}

3. Please add below code on the very top of file product-detail-2col.liquid

<div class="page-header pt__80 pb__80 center-xs pr"{% if section.settings.title_background != blank %} style="background: url({{ section.settings.title_background | img_url: 'master' }}) no-repeat center center / cover"{% endif %}>
	<div class="jas-container pr">
		<h2 class="fs__20 tu cw">{{ product.title }}</h2>
	</div>
</div>

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mashiaq]

This reply has been marked as private.

[Harry]

Hi,

I help you move the code to file /sections/product-detail-main.liquid and removed code in file snippets/product-detail-2col.liquid

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mashiaq]

Thanks !

[Author]

Posts