Search Results for 'css'

[Harry]

Hi,

2. I checked the link https://www.muchasmascosicas.es/orders-tracking/ it still work well. You don’t need to change the link under my account

3. You can add custom css to hide SKU and Categories in Claue > Theme Option > General Layout > Custom CSS

.product_meta .sku_wrapper, .product_meta .posted_in {display: none;}

4. Sorry free version doesn’t support this feature, you can upgrade to premium version to have it https://yithemes.com/themes/plugins/yith-woocommerce-popup/#tab-free_vs_premium_tab

Best regards

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

[Harry]

Hi Kok Seng L,

1. The child theme already have style.css file you can add your custom css code in this file.

2. To add custom js you need create file custom.js in claue-child and add below code to line 14 before “}” functions.php in claue-child theme.

wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/custom.js' );

Best regards

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

[ArtK]

UPDATE: Point 2 is indeed solved. There was cache issue on our end and somehow cache was not clearing without our knowledge. Hence, we thought the css was not working (We found you added a class and height to solve the issue). Thank you for fixing point 2.

Finally, hope your solutions are all compatible with all browsers (specially menu fix) and mobiles.

Thanks and cheers,

Team ArtK

[Mas cosicas]

Please, other question: could you tell me how can I do in order to a pop-up appears when customers are scroll to middle page or after 5 seconds?

In the theme I have to add css or javascript.

Thank very much!!

Attachments:

You must be logged in to view attached files.

[tony_spiloes]

Hello,

this css line removes the related products, not the related posts
I need to remove the related posts. The class is called “jp-relatedposts”.
What should the css code look like for that?

Kind regards,
Tony

[Kok Seng L]

Hi,

Please tell me how to create my custom css and js file in child theme??

Regards

[ArtK]

This reply has been marked as private.

[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,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

.jas-carousel {
transition: inherit;
}

Best regards

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

[Harry]

Hi,

You can fix this issue by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.metaslider .flexslider .flex-direction-nav li a.flex-prev, 
.metaslider .flexslider .flex-direction-nav li a.flex-next {
	outline: none;
	padding: 0;
	overflow: hidden;
	top: 50%;
	margin-top: -23px;
	width: 40px;
	height: 40px;
	z-index: 8;
	background: #b59677;
	background-image: none;
	border: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	text-shadow: none;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-next {
	right: 30px;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-prev {
	left: 30px;
}
.metaslider .flexslider .flex-prev:hover,
.metaslider .flexslider .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-prev:before, 
.flex-direction-nav .flex-next:before {
	font-family: 'Pe-icon-7-stroke';
	font-size: 36px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0;
	display: block;
	line-height: 36px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.metaslider .flexslider .flex-direction-nav li .flex-prev {
	left: 30px;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-prev {
	right: 30px;
	left: auto;
}
.metaslider .flexslider .flex-direction-nav li .flex-prev:before {
	content: '\e686' !important;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-prev:before {
	content: '\e684' !important;
}
.metaslider .flexslider .flex-direction-nav li .flex-next {
	right: 30px;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-next {
	right: auto;
	left: 30px;
}
.metaslider .flexslider .flex-direction-nav li .flex-next:before {
	content: '\e684' !important;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-next:before {
	content: '\e686' !important;
}

Best regards

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