Search Results for 'css'

[brittcolville]

Hi there,

I have already added the provided css code to the theme custom css and php code to the claue-child > functions. See screenshots below.

If I understand correctly, I will have to enter a pin shortcode into every product description in order for it to load the php for the custom tab? Won’t that mean the pin image will appear twice, once in the description and again in the custom tab description?

The tabs are still not working properly though. The text from additional custom tabs is displaying / loading underneath. See screenshot below and https://www.linnwold.com/product/ave-poster/. Also the selected tab border display as multiple highlighted.

Cheers,
Brittany

[Harry]

Hi Bmerton,

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

.single-post .page-head {
	background: none !important;
}

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 custom tab plugin not support load js and css of plugin PinMaker

You need add the suggested code i gave to you to hide description tab while still have to add any pin shortcode to product description. On the product it will not show the pin in description but it can help to load js and css code of plugin to show pin in custom tab

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

.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;
}