Search Results for 'css'

[Harry]

Hi,

1. Please add below code to Customize Theme > Theme Setting > Custom Code > Custom CSS

.product__image.pr {
	overflow: hidden;
}
.product__image img {
	transition: all 0.3s;
}
.product__image:hover img {
	transform: scale(1.05, 1.05);
}

2. Please go to Theme Customize > Section Footer > Subscription Form and add # to link action box http://take.ms/NLa3Y

Best regards

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

[Harry]

Hi,

Please add below code to Theme Customize > Theme Settings > Custom Code > Custom CSS

@media only screen and (min-width: 1025px) {
.button--atc-ajax {
	padding: 0 55px;
}}

Change 55 as number you want

Best regards

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

[Harry]

Hi Artk,

2. Yes, because the badge use CSS to show it now the content text next to menu title

3. I checked your site it now the “Buy For Me” button full width on mobile. Did you fix this?

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

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.entry-summary .price {text-align: left;}

Best regards

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

[Foster]

To hide quick shop button, please use the custom CSS code below

`.product__action–quickview { display: none !important; }

[Harry]

Hi,

Did you using a plugin for related blog post? Please check this plugin

Or You can hide these section by add below code to Claue > Theme Option > General Layout > Custom CSS

.wc-tab .jp-relatedposts {display: none;}

Best regards

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

[Harry]

Hi,

There 3 ways to hide relate product on product detail page

1. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.related.product-extra {display: none;}

2. Or add below code to gecko-child > functions.php

/**
 * Remove related products output
 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

3. Use a plugin to control https://wpglorify.com/remove-related-products-woocommerce/

Best regards

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

[Harry]

Sorry because miss understood.

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

.collection__title a {color: #1e2247; }
.jas-push-menu h3 {background: #1e2247; }

The issue on login page because you setting for body text in Theme Settings > Color Scheme is white, I change to #1e2247 it now ok.

Best regards

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

[Harry]

Hi,

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

.products [class*="jas-col-"] {
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.products [class*="jas-col-"]:nth-child(1),
.products [class*="jas-col-"]:nth-child(2),
.products [class*="jas-col-"]:nth-child(3),
.template-index .products [class*="jas-col-"]:nth-child(4) {
border-top: none;
}
.products [class*="jas-col-"]:nth-child(3n),
.template-index .products [class*="jas-col-"]:nth-child(4n) {
border-right: none;
}
.template-index .products [class*="jas-col-"]:nth-child(3n) {
border-right: 1px solid #ddd;
}

Best regards

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

[Harry]

Hi Van,

Sorry for late reply.

1. The best size for category banner is (1920*200)px

2. You can remove the grey overlay on banner by add below code to Claue > Theme Option > General Layout > Custom CSS

.page-head::before {
	display: none;
}

It now i try to login your site with account you attach but can’t access.

Could you check the account and send me again as private reply.

Best regards and have great day!

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