Search Results for 'css'

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Patrick,

Thank you for choose our theme.

1. You can change products to 1 column on mobile by add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 480px) {
.products .jas-col-xs-6 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}}

2. Our theme work with new version of WooCommerce 4.0.0 but i’m not sure all plugin work well. Please backup your site before update.

3. Yes, from version 2.0.0 you can use Elementor for build your site.

Kind regards

Kind regards

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

[Harry]

Hi Geetha,

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

.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistexistsbrowse {
	display: block !important;
}

Kind regards

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

[Harry]

Hi Famzy,

Thank you for choose our theme.

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

h3.section-title,input[type="submit"], button,a.button, a.button-o,input.button-o,button.button-o,a.button-o-w,.tu,.jas-menu > li > a,#jas-mobile-menu ul li a,#jas-footer .column .widget_nav_menu ul li a,.more-link,.comment-reply-title,.comment-text .flex a,.widget-title,#wp-calendar caption,.jas-offline-content h1,.jas-mini-cart .button,.sidebar .widget_shopping_cart .button,.jas-top-sidebar .widget.widget-woof .woof_container h4,.woocommerce .product-category h2,.product-category h2,.woocommerce .product-category h3,.product-category h3,.wc-single-2 .entry-title,.variations h4.label,.cart-collaterals h2,.checkout.woocommerce-checkout h3,.woocommerce h3,.login-form h2,.myaccount_user + h2,.addresses h3,.edit-account legend,.wishlist-title h2,.yith-wcwl-share h4,.vc_tta-tab > a,.metaslider .flexslider .caption-wrap h2,.metaslider .flexslider .caption-wrap h3,.metaslider .flexslider .caption-wrap h4,.our-store h3,.footer-3 .footer-contact-info span {text-transform: none;}

Kind regards

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

[Harry]

Hi Tom,

1. You don’t need purchase for WPBakery PageBuilder, you only have to buy when you need support from plugin author. Our theme included this plugin.

2. Please go to Products > Category > Edit Category and upload thumbnail the thumbnail for category will show as banner, and the text for SEO in category description.

3. If you want move the text under banner, please add below code to claue-child > functions.php

/* move category description below products */
add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
    remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
}

function jas_claue_child_wc_page_head() {
    if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;
    $title = cs_get_option( 'wc-page-title' );
    $output = '<div class="page-head pr tc"><div class="jas-container pr">';
        if ( is_search() ) {
            $output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
        } elseif ( is_shop() ) {
            $output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
            $output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
        } else {
            // Remove old position of category description
            remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
            $output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
            //$output .= do_shortcode( category_description() );
            add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 40 );
            add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 40 );         
        }
        ob_start();
        $output .= ob_get_clean();
    $output .= '</div></div>';

    echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

and add below code to claue-child > style.css

.term-description {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: 30px auto;
}

Kind 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 claue-child > style.css

.variations {
	margin-bottom: 0;
}

and below code to claue-child > functions.php

add_action( 'wp_head', 'change_short_description_position' ); 
function change_short_description_position(){
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
}
add_action( 'woocommerce_single_variation', 'woocommerce_template_single_excerpt', 0 );

Kind regards

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

[Harry]

Hi,

1. I’m sorry, it now does not have global option to define number of day for new arrival product. It auto show 5 days after publish. If you want to change number of day you still have to change for each product.

2. It now have only option to change background and text color in Theme Option > Color Scheme > Product Badge

3. If you want disable all badge you need add custom code to Claue > Theme Option > General Layout > Custom CSS

.product-image .badge {display: none;}

Kind regards

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

[Harry]

Hi Fliss,

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

.woocommerce-loop-category__title {
	display: none;
}

2. Please go to Appearance > Customize > WooCommerce > Product Catalog > Category display and follow this screenshot https://prnt.sc/rasbie

Kind regards

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

[Harry]

Hello Enrico,

Please add below code to claue-child > style.css

.product-thumbnail {
	min-width: 70px;
}

.pwc-config-image.hide {
	min-height: 100px;
	position: relative;
}

Kind 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 Claue > Theme Option > General Layout > Custom CSS

.result-count-order {
	padding: 0 15px;
}
.filter-trigger:after {
	content: 'Filter';
	margin-left: 10px;
}

It will show the text next to icon

Kind regards

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