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

Topic Resolution: Resolved
Viewing 4 reply threads
  • 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 4 reply threads

You must be logged in to reply to this topic.