Search Results for 'css'

[Harry]

Hi,

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

.wc-tabs li.product-information_tab a {border-color: #222222 }
#tab-product-information {display: block !important;}

2. and add below code to claue-child > functions.php

// Remove Tabs.
add_filter( 'woocommerce_product_tabs', 'yikes_woo_remove_tabs', 20, 1 );
function yikes_woo_remove_tabs( $tabs ) {

	// Remove the description tab.
	if ( isset( $tabs['description'] ) ) {
		unset( $tabs['description'] );
	}

	return $tabs;
}

Kind regards

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

[Harry]

Hi Chen,

Thank you for choose our theme.

1. The shop page generate by plugin WooCommerce so you can’t edit with Elementor.

2, 7. You can change the text by use plugin Loco Translate follow this topic http://support.janstudio.net/forums/topic/theme-translation/
and you can change badge background in Claue > Theme Option > Color Scheme > Product Badge Color

3. Please go to WooCommerce > Settings > Products > Add to cart behavior and uncheck 2 last fields.

4. Please go to Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Products Attribute On Product List and uncheck all

5,6. Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media screen and (-webkit-min-device-pixel-ratio:0) {
.product .stripe-enabled  #wc-stripe-payment-request-wrapper {
    margin-right: 15px;
}}
.jas-wc-single .entry-summary > .price-review {
    justify-content: flex-start;
}
.legal-price-info {
    margin-left: 15px;
}
.badge span {
	z-index: 1;
}

8. You can move column switcher to center by enable filter icon in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Sidebar Filter

9. You can change size of product title on the shop by add below code to Claue > Theme Option > General Layout > Custom CSS

.elementor-kit-8 h3.product-title  {
	font-size: 14px;
}

Kind regards

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

[Harry]

Hi,

You can add below code to Theme Option > General Layout > Custom CSS to enable click on swatch

.swatch__list--item.disabled {
	pointer-events: initial !important;
}

Kind regards

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

[Harry]

Hi,

1. I add class “attachment-woocommerce_thumbnail” to excluded optimize image.https://tppr.me/QHARF

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

.header-text a {color: #fff;}

Kind regards

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

[Jennifer]

Hello,

 

I already try the plugin but nothing happen so I use the CSS and its said with the repair key

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Jennifer,

Please try deactivate plugin one by one and check again.

If issue not resolve, please add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce ul.wc-tabs li.active a {
	background-color: transparent;
	border-bottom: 1px solid #555;
}
.woocommerce ul.wc-tabs li a {
	border-bottom: none;
}
 .woocommerce ul.wc-tabs {
	width: 100%;
	float: none;
}

Kind regards

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

[onrax]

Reminder, I removed the custom css code.  Is that supposed to be back in there?

@media only screen and (max-width: 736px) {
.variations .value select {
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}}
.variations .value:after {
right: 15px;
font-size: 18px;
top: 6px;
}

[Harry]

Hi Onrax,

Sorry for late reply because miss your topic.

Did your issue fixed? If not please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.variations .value select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    background: none;
}}
.variations .value:after {
    right: 15px;
    font-size: 18px;
}

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

[Harry]

Hi,

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

.swatch__value {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 30px;
}
.swatch.is-label .swatch__value {
    font-size: 14px;
}

And change number as you want.

Kind regards

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

[Harry]

Hi Reinhard,

You can change to square for swatch by add below code to Claue > Theme Option > General Layout > Custom CSS

.swatch__list--item,
.swatch__value {
    border-radius: 0;
}

Kind regards

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