Search Results for 'css'

[Harry]

Hi,

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

.xoo-el-action-sc {
	position: relative;
	text-indent: 999em;
	width: 32px;
	height: 30px;
}
.xoo-el-action-sc:after {
	position: absolute;
	content: '\e6ac';
	font-family: 'Pe-icon-7-stroke';
	top: -9px;
	left: 0;
	font-size: 28px;
	text-indent: 0;
}
.xoo-el-login-tgr.xoo-el-action-sc:after {
	content: '\e605';
}

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-Price-amount {display: none;}

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

.swatch__value {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

and change 30 with your number.

Kind regards

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

[Web_Browser]

Hi,

On Quick Shop On the Product Where Most Needed I need to remove  £0.00

I have tried .css for that line is:

<span class=”woocommerce-Price-amount amount”><span class=”woocommerce-Price-currencySymbol”>£</span>0.00</span>

I have tried to remove the £0.00 but I also get the £10.00 removed.
I hope you can help me remove £0.00, if you can I will apply this to all products.

Appreciate your help.
Kind Regards

[Harry]

Hi,

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

@media only screen and (min-width: 1280px) {
.woocommerce-cart .jas-page > .jas-col-md-12 > .woocommerce {
	width: 80%;
margin: 0 auto;
}}
@media only screen and (min-width: 1366px) {
.woocommerce-cart .jas-page > .jas-col-md-12 > .woocommerce {
	width: 70%;
}}

Kind regards

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

[Harry]

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

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

[mikelare1]

This reply has been marked as private.

[Harry]

Hi,

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

.page-head h1 {
	color: #fff;
}

and change #fff with your color

2. Please go to Claue > Theme Option > WooCommerce > Sub category settings > Choose layout to 3 column

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

.archive .woocommerce-breadcrumb {
	display: block;
	padding: 10px 15px;
	background: #f6f6f8;
}
.sub-categories.mt__30 {
	margin-top: 0;
}
.woocommerce-ordering {
	position: relative;
	z-index: 8;
	border: 1px solid #ddd;
	border-radius: 40px;
	display: none;
}

Please reply on this topic, that will help us easy track your issue and help you faster.

Thanks

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

[Harry]

It now use prettyphoto of WooCommerce, pleasse add more code

function fc_remove_woo_lightbox() {
    remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
        wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
        wp_dequeue_script( 'prettyPhoto' );
        wp_dequeue_script( 'prettyPhoto-init' );
}
add_action( 'wp_enqueue_scripts', 'fc_remove_woo_lightbox', 99 );

If you want remove all action on photo please add below code to custom CSS

.vc_gitem-is-link {
	cursor: inherit;
}
.vc_gitem-zone .vc-zone-link {
	pointer-events: none;
	cursor: none;
}

Regards

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

[Harry]

Hi,

Please find the code you added in Theme Option > General Layout > Custom CSS

.product-image .product-image-flip a {
	position: relative;
	z-index: 9999;
}

and change 9999 to 99

Kind regards

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