Search Results for 'css'

[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

[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