Search Results for 'css'

[Rahim]

Hi Harry,

Hope you and the team are doing great. 🙂

Is there any chance to change the preloader?

According to this Link, I would like to use this preloader: http://prntscr.com/n3hqim

Source:

html

<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>

css

.spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}

.spinner > div {
width: 18px;
height: 18px;
background-color: #333;

border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}

.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}

How can I customize the preloader?

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rizwan,

I remove the code i added in functions.php it now the admin link work.

To load file name-your-price.js please download, extract attach file and upload to claue-child and change the code in claue-child > functions.php line 12 to 15 from

function jas_claue_enqueue_script() {
	wp_enqueue_style( 'jas-claue-parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'jas_claue_enqueue_script' );

to

function jas_claue_enqueue_script() {
	wp_enqueue_style( 'jas-claue-parent-style', get_template_directory_uri() . '/style.css' );
	if ( class_exists( 'WC_Name_Your_Price' ) ) {
		wp_enqueue_script( 'jas-claue-custom-script', get_template_directory_uri() . '/name-your-price.js' );
	}
}
add_action( 'wp_enqueue_scripts', 'jas_claue_enqueue_script' );

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

[Harry]

Hi,

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

.jas-wc-single.wc-single-1.mb__60 {
	margin-bottom: 0;
}

2,3,4,5. Please change prev code in 4 step to

select#shipping_method_0.shipping_method {
	width: 200px;
}
@media only screen and (max-width: 800px) {
.top-bar-below {background-size: contain;}
div.header__mid.pl__30.pr__30 {
	max-width: 100%;
	background-size: contain;
	height: auto;
	background-position: center;
}
.boxed #jas-content {
	max-width: 100%;
	background-size: contain;
}
.retina-logo {
	display: none !important;
}
select#shipping_method_0.shipping_method {
	width: 100%;
}
.checkout > div {
	padding: 0 10px;
}}
@media only screen and (max-width: 736px) {
.jas-row.jas-page {
	padding: 0 15px;
}}

Kind regards

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

[Mushrath007]

Update : I added this css for temporary fix.

.filter-sidebar{
z-index: 1000;
}

[Harry]

Hi,

Please add below code to CSS

.price .woocommerce-variation-availability {display: none;}

Kind regards

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

[Harry]

Hi Mathilde,

Thank you for choosing our theme.

You can remove the related products by add below code to gecko-child > functions.php

/**
 * Remove related products output
 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

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

.product-extra {display: none;}

Kind regards

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

[bestfitbybrazil]

Still it doesn’t work after I downloaded files here:

And I put this line in claue child style.css

[Harry]

Hi,

Please download attach file, extract and put in claue-child > woocommerce and add below code to claue-child > style.css

.product-inner {text-align: center;}

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

[Harry]

This reply has been marked as private.

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

[Harry]

Hi,

I’m sorry the css code can’t do it, it only control by plugin function.

Kind regards

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