Search Results for 'css'

[Harry]

Hi Nina,

1. It now our theme only support “New”, “Sale”, “Sold Out” badge. You can change text by install plugin Loco Translate > Theme > Claue > and create new language as French and change the text as you want http://support.janstudio.net/forums/topic/theme-translation/

– You can change background color in Claue > Theme Option > WooCommerce > Product Listing Settings

– Let us know which badge you want show on left, which one you want show on right we will give you code. It now these badges fixed postion.

2. you can hide categories, tags, SKU by add below code to Claue > Theme Option > General Layout > Custom CSS

.product_meta {
	display: none;
}

3, 4, 6. Please use plugin Loco Translate and go to > Loco > theme > Claue > Edit French http://support.janstudio.net/forums/topic/theme-translation/

5. You mean have textarea for customter can add note, it has on checkout page https://prnt.sc/sd6ioh? Or if you want add your note to customer please go to Theme Option > WooCommerce > Cart & Checkout Settings

7. I’m sorry it only can show in description can’t show in You may also like or Related products

8. Please go to Loco Translate > Plugin > Pin Maker > Create French and find string to translate.

Kind regards

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

[netmined]

Hi Harry,

Thank you for the snippet.

It has put the currency symbol into the middle of the dropdown (instead of on one side) but the size of the dropdown box is still the same – too big.

So just so you know, we have copied below the css code we now have for all the Woocs currency switcher changes in Claue. Do we have some code there which is causing a conflict? (between the old and the new)

.woocommerce-currency-switcher-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
padding: 0;
color: #878787;
font-size: 14px;
cursor: pointer;
}
.woocommerce-currency-switcher-form {position: relative;}
.woocommerce-currency-switcher-form:after {
content: ‘\f107’;
position: absolute;
font-family: ‘FontAwesome’;
right: 5px;
top: 8px;
pointer-events: none;
}

.woocommerce-currency-switcher-form {
padding-right: 15px;
}

.woocommerce-currency-switcher-form::after {
top: -1px;
}
.woocommerce-currency-switcher-form select {
height: inherit;
line-height: 1.5;
}

.chosen-container.chosen-with-drop .chosen-drop {
left: auto !important;
background: #f6f6f8 !important;
border: none !important;
border-radius: 0 !important;
text-align: center;
right: -37px;
}

 

Please let us know how to adjust to reduce the box size.

Many thanks again.

[Harry]

Hi Bijoker,

1. Please add below code to claue-child > functions.php

if ( ! function_exists( 'jas_claue_wc_my_account' ) ) {
	function jas_claue_wc_my_account() {
		$output = '';

		if ( cs_get_option( 'header-my-account-icon' ) ) {
			$output .= '<div class="jas-my-account hidden-xs ts__05 pr">';
				$output .= '<a class="cb chp db" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '"><i class="pe-7s-user"></i></a>';
				$output .= '<ul class="pa tc">';
					if ( is_user_logged_in() ) {
						$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Dashboard', 'claue' ) . '</a></li>';
						$output .= '<li><a class="db cg chp" href="' . esc_url( home_url( '/orders-tracking/' ) ) . '">' . esc_html__( 'Order Tracking', 'claue' ) . '</a></li>';
						$output .= '<li><a class="db cg chp" href="' . esc_url( wp_logout_url() ) . '">' . esc_html__( 'Logout', 'claue' ) . '</a></li>';
					} else {
						$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Login / Register', 'claue' ) . '</a></li>';
					}
				$output .= '</ul>';
			$output .= '</div>';
		}

		return apply_filters( 'jas_claue_wc_my_account', $output );
	}
}

and add or remove with code

$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Dashboard', 'claue' ) . '</a></li>';

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

.jas-my-account ul {background-color: #2c3561;}

3. I’m not sure it can save the customer’s phone number. It now the plugin only can save customer’s email to mailchimp server. Please check this plugin https://wordpress.org/plugins/wpforms-lite/ and check if this plugin can save number to a file or your website.

4. It only have way to reduce space between element of table not can do 3 columns on mobile and 5 columns on desktop.

Kind regards

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

[Harry]

Hi,

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

.page-head {
	padding: 25px 0;
}

and change 25 with your number.

2. you can remove menu badge by go to Menu and remove class http://janstudio.net/claue/document/#menu-badge

if you want change color please add below code

.jas-menu li.new > a:after {
	background: #01bad4;
}

and change #01bad4 with your color.

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

.header__top .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.header__top .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm,
.header__top .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.end-md.hidden-sm {
	display: none;
}

Kind regards

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

[Harry]

Hi Tom,

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

.page-head::before {
	background: rgba(0, 0, 0, 0.5);
}

and change 0,0,0 as RGB color and 0.5 as opacity from 0.1 to 1.0

or change code to

.page-head::before {
	background: none;
}

to remove the overlay.

Kind regards

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

[netmined]

Hi Harry,

Thank you for the fixes. By the way, as we mentioned once before, we still have active support for another month. We purchased two licenses and extended the support at least twice since then. We’ve been paying for over 2 years of support now. Please see the attached screenshot from our account.

Regarding the fixes, thank you, most of them have worked.

We still have the problem with the size of the currency switcher box. There was previously code loaded into the custom CSS which reduced the size so not sure if this is now causing a conflict but regardless, it has stopped working. Could you please advise how we can adjust that css and fix this.

Many thanks again.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

The issue cause by the css you added.

Please remove the css

.product-image .product-btn .button {
	margin-top: 160px !important;
}

Kind regards

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

[Harry]

Hi Rahim,

1. Please replace file rtl.css in claue > assets > css > rtl.css

2. I see this code override default https://prnt.sc/s6v9mf please remove colspan=”2″

3. Please add more code

.woocommerce-form-login .clear {
	clear: both;
}

Kind regards

Attachments:

You must be logged in to view attached files.

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

[Rahim]

Harry,

I couldn’t even create a new topic without linking the print screen app.

I made this:

Harry,

Please check this product of me: https://look.ir/uRLec

In the review section, the email should come next to the name.
When you add this product to the cart and go to the cart page, the shipping fee section’s width needs to fix
When you go to the checkout page and want to use the feature of logging into the existing account, the remember password section and checkbox needs to fix.
All of these are not coming from my custom CSS.

Thank you.

Attachments:

You must be logged in to view attached files.

Rahim Vaziri
CEO & Founder at Look.ir