Search Results for 'css'

[aborringcz]

Hi,

/*
Theme Name: Claue Child Theme
Theme URI: http://example.com/
Author: JanStudio
Author URI: http://example.com/
Description: This is child theme of Claue
Template: claue
Version: 1.0.0
*/
@import url(‘../claue/style.css’);

I’m trying to create a css child theme for claue but it’s not working. Did i miss something?

[Harry]

Hi Nanostad,

Thank you for choosing our theme.

Sorry for late reply.

You can change the text by add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.product-category h2:before, .product-category h3:before {
content: “Shop now”;
}

and change “Shop now” as your text.

Best regards

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

[Harry]

Thank you for purchase!

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.header__top {display: none;}

Best regards

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

[Harry]

Hi,

you can hide these icons on header top by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-action {
display: none;
}

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

[Harry]

You mean the image thumb on mobile? It because you fix size of image on desktop.

You can add custom css to fix thumb on mobile

@media only screen and (max-width: 414px) {
.product-image {
height: 150px;
}
}

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

[Harry]

Hi,

You can add custom css

@media only screen and (max-width: 800px) {

.retina-logo { max-height: 150px; width: auto;}

}

Best regards

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

[Harry]

Hi,

Thank you for purchase.

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

.product-image {
height: 150px;
overflow: hidden;
}

Best regards

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

[laiosme]

Claue > Theme Option > General Layout > Custom CSS

This is my Custom CSS

 

.btn-atc .cart：not（.variations_form）{display：inherit;}
.single-product.postid-5532 .jas-container { width: 100%; padding: 0 30px;}
.background-overlay .text-overlay {
z-index: 5;
}
.content-quickview .extra-link,
.content-quickview .woocommerce-review-link {
display: none;
}

I am a beginner and do not understand the code

There are the following video compression file, I became two compressed files

First

[Harry]

You’re working on local or in a server. We need to check detail to give you a hint

Could you try add custom Css code in Claue > Theme Option > General Layout > Custom CSS

.btn-atc .cart:not(.variations_form) { display: inherit;}

Regards

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

[Harry]

Hi Elephant2009,

Sorry for late reply.

1. You can change background of loading effect by add custom css in Claue > Theme Option > General Layout > Custom CSS

.preloader { background: rgba(0, 0, 0, 0.95);}

And change 0,0,0 with your RGB color and 0.95 as opacity of background from 0 – 1

2,3. Could you send us your site link, we need to take a look before give you a hint.

4. You can add custom css in Claue > Theme Option > General Layout > Custom CSS

#jas-footer .footer__bot { font-size: 9px;}

5. You can go to Widget > Scroll To Inactive Widget https://monosnap.com/file/NLBioz3iWd4gH7dVkCoL5ltjZ0I6eW# > Text and Drag to Footer Area #1

Or create new widget as Text and add to Footer Area #1 and use the code below

6. You can add custom css code

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

and change 100px to fit your number

7. You can follow this video

8. You need go to Dashboard > Products > Attributes > Color > Edit Individual Color and upload thumbnail

9. The image need cover the content show the width and the height has to fit content but has not been distort so it cropped

10. Did you choose setting font family in Claue > Theme Option > Typography or you add custom css? We need to take a look you site.

Thanks

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