Search Results for 'css'

[wnickens]

The majority of my traffic comes from mobile and I would like them to experience the video also. Is there a way to make video show on mobile instead of the image? I provided an image of the current set up. I was playing with some of the code on the page and when I removed the display: none value from the code it display. However, when I tried to add that to custom css the image still showed.

• This reply was modified 4 years, 5 months ago by wnickens.

Attachments:

You must be logged in to view attached files.

[wnickens]

@media (max-width: 767px)
.vc_hidden-xs {
/* display: none!important; */
}

I know it has something to do with this CSS

[Harry]

Hi Nnahmed,

I see the custom CSS code you add for English but not see in AR, please copy custom CSS for Ar language https://prnt.sc/vaktdv

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

@media (min-width: 767px) {
.boxed .jas-container .jas-container {
	padding: 0;
}
.header-5 .jas-branding {
	padding: 15px 0 15px;
}}
.jas-mini-cart .checkout, .widget_shopping_cart .checkout,
.jas-push-menu h3 {
	color: #222;
}

Kind regards

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

[Harry]

Hi Fomorenom,

Thank you for choosing our theme.

1. You can change number by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.jas-icon-cart .count {
	color: #fff;
}

and change #fff with your color

2. Please go to JanStudio > Theme Option > WooCommerce > Product Detail Settings > Sticky Add To Cart > Off

3. Please edit product and open tab Attributes uncheck in “Visible on the product page” https://prnt.sc/v8s8r7

4. please add below code o JanStudio > Theme Option > General Layout > Custom CSS

.footer__bot {
	background: none !important;
}

5. Please add custom CSS code

.jas-my-account ul li:not(:last-child) {
	border-bottom: 0.5px solid #eee;
}

6,7. Please add custom CSS code

.jas-mini-cart .remove, .widget_shopping_cart .remove {
	position: relative;
	width: 30px;
	opacity: 1;
	margin-right: 5px;
	float: left;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

8. Please go to WooComerce > Settings > Products > Inventory and follow this https://prnt.sc/v8sn0e

Kind regards

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

[Harry]

Hi,

1. Please follow this topic

3. Please inspect the row to know class of row https://prnt.sc/v8j34z and add custom CSS code
example

@media (max-width: 768px) {
.vc_row.vc_custom_1603873551841 {
	display: none;
}}

and change 1603873551841 with the number of row you want to hide on mobile

4. Please go to Appearance > Customize > WooCommerce > Product Catalog and follow this https://prnt.sc/v8j8xi

Kind regards

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

[pajam]

Hi,

we load the Claue.zip and install like your document. Our questions/issue are:

1. in attachment you see the style.sheet working in first site if we move to other site the style.sheet dose not working.
2.  The images 2016/2020 is uploaded and the link is there (see attachment) but it not loaded in shop
3. You can see (attachment) if we want import demo from Claue … we can select only Elementor not demo site

Best Regards

Payam

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Akamm,

1.

2. The background image it now you set cover content. On mobile the width of content reduce more than the height.

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

@media (max-width: 768px) {
.vc_row.vc_row-o-full-height {
	min-height: 50vh !important;
}
.pa-center .fs__14 {
	font-size: 10px;
}
.pa-center .fs__50 {
	font-size: 25px;
}}

And change 50 as you want. It can’t work correct 100% for all row on mobile.

3. To disable a row on mobile, please follow this screenshot https://prnt.sc/v8cgwq

Kind regards

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

[Harry]

Hi Tom,

Please try update theme to last version and add below code to Claue > Theme Option > General Layout > Custom CSS

#shipping_method li input {
	margin: 0 3px 0 0;
}

Kind regards

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

[Harry]

Hi Tiemo,

I check your site it not need 4-5 sec waiting to open page it about 2-3 sec. You can use cloud CDN (Cloudflare, maxCDN, etc) to improve load speed image and enable cache, minify js/css with WP Rocket.

For more tips, please contact to WP Rocket plugin author, they have more experience than us in optimize site.

Kind regards

• This reply was modified 4 years, 5 months ago by Harry.

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