Search Results for 'css'

[Harry]

Hi Michael,

1. The issue when hover on product on category page because the size of main image and the image in product gallery, you can disable Flip Product Thumbnail in Claue > Theme Option > WooCommerce > Product Listing Settings > Flip Product Thumbnail > Off

2. You can add custom code in Claue > Theme Option > General Layout > Custom CSS

form.wpcf7-form input, form.wpcf7-form textarea {
width: 100%;
}

Best regards

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

[Harry]

hi,

You can hide “View Cart” by add custom CSS
.jas-mini-cart .button, .widget_shopping_cart .button {
display: none;
}
.jas-mini-cart .checkout, .widget_shopping_cart .checkout {
display: block;
}

Best regards

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

[Harry]

Hi,

To hide related product for specific product you need to know the ID of product by inspect on this product page

http://take.ms/k7fr5

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

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

Change .postid-5756 with the product you want apply

Best regards

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

[Harry]

Hi,

With exist code it doesn’t support change product categories menu to dropdown on mobile.

You can add custom css code in Claue > Theme Option > General Layout > custom CSS to make categories menu as swipe on mobile

@media only screen and (max-width: 736px) {
.shop-top-sidebar .widget ul li {
padding: 10px;
}
}

Best regards

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

[Sebizzle]

Is it possible to change the category list layout when media is perhaps less than 1366px of width and then use the function in the widget to change catgory list in the shop to drop down ?

using the —>   dropdown_product_cat

https://ibb.co/c1nKjk

At the moment it is not responsive: https://ibb.co/ckZdjk

Maybe this CSS code to turn to the drop down at certain media size may be best ?

I think this is possible? It might be easier than using the uber menu plugin ?

 

thank you

[Harry]

Hi,

You need add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.page-head p { opacity: 0;}

Best regards

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

[Foster]

Hi,

1. Please add this code in functions.php of child them

2. The second issue, you can use the custom CSS code to hide it, let me know the product type which you want to hide, I will give you an example code.

Cheers,
Foster

[Harry]

Hi,

The css can’t work without this plugin. It display 100 products in search result with free version

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

[Sebizzle]

Will this CSS code work without the plugin ? The plugin is only free up to 100 products.

 

thank you

[Harry]

Hi,

You can use this plugin https://wordpress.org/plugins/instantsearch-for-woocommerce/

and add custom css code in Claue > Theme Option > General Layout > Custom CSS

.ui-autocomplete .isp_section_header { padding: 5px 10px !important; font-weight: 500 !important; color: #222 !important;}
.ui-autocomplete .as_magento_product_section { font-size: 14px !important;}

Best regards

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