Search Results for 'css'

[Harry]

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

@media only screen and (max-width: 736px) {
.woocommerce-cart .size-woocommerce_thumbnail {
	max-width: 50%;
}}

Kind regards

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

[schris]

Thanks again for the reply. Unfortunately, I do not see any difference. I have temporarily disabled autoptimize so as to be able to see directly which CSS is called

Just to avoid confusing you, I have an example to show. Have a look at this page:

*page removed*

Clicking on a color, say yellow, allows you to click Small size, as it is in stock. From there, it is impossible to go to coral color, since they don’t share sizes. When using drop downs rather than swatches, you could click on “clear” or even go to “pick a size” or whatever the first option in the drop down menu is, and you could then effectively reset the selection.  Now, the only way is to do a full refresh of the page.

So what I am after is either having a “clear” swatch/button/whatever, or alternatively disabling an selected option by clicking again on it.

If you need any further info please let me know, I will be happy to provide it.

Thanks again for the great support.

Stavros

[schris]

First of all, many thanks for the super quick reply, as always.

The other plugin (Woo Variation Swatches) was only there to test if it was a plugin or theme issue, I have completely removed it (and the added CSS).

Now, when I add the custom CSS, I see that it does add a “clear” option but it also adds a drop down menu below the swatches. What I would like to have is the swatches only (without the list) but some option to clear them. Basically, I see that choosing a color from the swatch does not change the visibility of reset_variations to visible, while choosing it from the drop down changes it to visible, ie the following block applies for both the clear and the drop down at the same time:

.is-label > .value, .is-color > .value { display: block/none/whatever}

Is it possible to fix this?

Thanks,

Stavros

[Harry]

Hi Stavros,

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

.swatch .reset_variations {
	display: inline !important;
}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper {
	display: none;
}
.is-label > .value, .is-color > .value {
	display: block;
}

And deactivate plugin Woo Variation Swatches

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

.price-review .woocommerce-product-rating {
	margin-bottom: 10px;
}
.flex.between-xs.middle-xs.price-review {
	flex-flow: column-reverse;
	align-items: flex-start;
}

Kind regards

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

[Harry]

Hi Della,

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

.shop-top-sidebar {
	padding: 15px 0 0;
}

Kind regards

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

[Harry]

Hi,

The issue because the text in your language so long. It can’t fix 100%

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

@media only screen and (max-width: 736px) {
.woocommerce-ordering select {
	width: 300px;
}}

@media only screen and (max-width: 384px) {
.woocommerce-ordering select {
	width: 280px;
}}

Kind regards

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

[Harry]

Hi Japooteh,

Thank you for choose our theme.

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 );

2. And add below code to claue-child > style.css

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

Btw, your support expired. Please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop new features and improve our theme.

Thank and regards

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

[webprof]

Claue -> Theme options -> Custom CSS Style

.blockOverlay {
z-index: -1!important;
}

 

[webprof]

Hi, I’ve removed now CSS bypass. Can’t choose any oprions. How you check it – and worked?

Yesterday I turned off Blue Media widget – and checkout was greyed out as well.

Please check now – I removed CSS bypass.