Search Results for 'css'

[Harry]

Hi,

You can add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1280px) {
.product-image.pr {
height: 269px;
overflow: hidden ;
}
}

Best regards

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

[Harry]

If you override only CSS you can copy these code to Claue-child > Style.css

Kind regards

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

[julio]

CSS.

[Harry]

You only install child theme (attached in package you downloaded from ThemeForest) via Appearance > Themes > Add New

Which code you override core theme? both PHP and CSS or only CSS?

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

[Harry]

Hi,

You can add custom css code in Claue > Theme Option > General Layout > Custom CSS to hide this

.single-product .woocommerce-message { display: none;}

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

[Harry]

Hi,

You can inspect element of chrome, firefox to know page ID http://take.ms/20tdW

so the css for specific page is

.page-id-4082 #jas-header, .page-id-4082 #jas-footer { display: none;}

Best regards

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

[Harry]

Hi,

1. When you config in WooCommerce > Settings > Product > Display > Images you can uncheck “Hard crop” so your image will keep original ratio.

2. You check hard crop in catalog images and uncheck in Single product image

3. I checked your site but don’t see this issue. I saw your image in quick view so heavy (2.2MB normally it about 300-400kb) , you can optimize your image before upload https://tinypng.com/ that will help you save your hosting band width and site speed. Only give your buyer original images with high quality.

4. The height of quick view auto fit with the image on left the content will be scroll, if you make the height of quick view follow the content it will has a white space below the image this not good

5. I think 8/4 is better you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1280px) {
.jas-col-md-7.jas-col-sm-7 {
flex-basis: 66.666%;
max-width: 66.666%;
}

.jas-col-md-5.jas-col-sm-5 {
flex-basis: 33.333%;
max-width: 33.333%;
}
}

6. Could you take a screen shot, it will clear for us

7. You can add custom css

.jas-breadcrumb { display: none;}

8. You can follow our document at http://janstudio.net/gecko/document/#page-title and http://janstudio.net/gecko/document/#category-header-background

9. You follow 7, 8 to do

10. You can exclude sub categories in Theme Option > WooCommerce > Product Listing Setting > Exclude Subcategories > On

11. Sorry the filter by categories doesn’t support this

12.a you can use a plugin https://wordpress.org/plugins/woo-custom-related-products/
12.b you can try this plugin https://yithemes.com/docs-plugins/yith-woocommerce-badge-management/02-settings.html

Best regards

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

[Harry]

Hi,

I help you fix responsive issue on your site

You can fix by copy below code to CSS of page https://monosnap.com/file/ryTqpaek4627RmyEIIyohdATMA8B5D#

Best regards

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

[Harry]

Hi,

You can disable header and footer on single page by add custom css in Claue > Theme Option > General Layout > Custom CSS

.single-product #jas-header, .single-product #jas-footer { display: none;}

Best regards

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

[Harry]

Hi,

1. You can translate the badge on menu by add custom code in Claue > Theme Option > General Layout > Custom CSS

and change “NEW”, “HOT” and “SALE” after “content:” with your text

2. You can translate this text in Loco Translate > Plugins > WooCommerce

3. You can translate this text in Loco Translate > Theme > Claue

Best regards

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