Home Forums Themes Support Claue-Shopify How do I make the product image smaller?

Topic Resolution: Resolved

This topic contains 4 replies, has 2 voices, and was last updated by  mashiaq 1 year, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #20827

    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?

    #20850

    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

    #20876
    This reply has been marked as private.
    #20910

    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

    #21122

    Thanks !

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.