Home › Forums › Themes Support › Claue-Shopify › How do I make the product image smaller?
- This topic has 4 replies, 2 voices, and was last updated 5 years, 10 months ago by mashiaq.
-
AuthorPosts
-
-
May 24, 2018 at 11:22 pm #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?
-
May 25, 2018 at 12:20 pm #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 -
May 25, 2018 at 10:38 pm #20876This reply has been marked as private.
-
May 26, 2018 at 4:34 pm #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 -
May 31, 2018 at 12:35 am #21122
Thanks !
-
-
AuthorPosts
You must be logged in to reply to this topic.