Search Results for 'css'

[Harry]

Hi Asdemodas,

1. Please copy file result-count.php from themes > claue > core > libraries > vendors > woocommerce > templates > loop to claue-child > woocommerce > loop and change code on line 34

“fa fa-sliders” with fontawesome icon class https://fontawesome.com/v4.7.0/cheatsheet/

2. We add css code to create symbol button not use font. Please add below code to change style

.holder::after {
	right: 25px;
}
.holder::after, .holder::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#jas-mobile-menu ul li.open > .holder::before {
	opacity: 1;
	visibility: visible;
}
#jas-mobile-menu ul li.open .holder::after, 
#jas-mobile-menu ul li.open .holder::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

3. Sometime the text contain link when you click on text it will redirect to link and not open sub menu so we have to add + for open sub-menu

4. I’m not clear your issue, please contact to plugin author WooCommerce Stripe

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 JanStudio > Theme Option > General Layout > Custom CSS

.pswp__caption__center {
	display: none;
}

Kind regards

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

[Harry]

Hi Roma,

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

.jas-action i {
	font-size: 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

[RomaPopovych]

Harry wrote:

Hi, 1. To make header full with Please go to Theme Option > General Setting and turn off Boxed Layout. 2. Please add below code to claue > theme option > general layout > custom CSS

#jas-header {background: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg) center center no-repeat; background-size: cover;}

@media (max-width: 767px) {
#jas-header {
background-image: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg);
}}

} and change the path to your image the image on desktop should be is 1920 x 250, and for mobile should be 414 x 150 Kind regards

Thanks a lot, it helped me a lot
Please tell me how to increase the size of the icons in the header of the site?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Thomas,

1. I check your site and you don’t minify CSS, JS. Please use plugin to minify and compress CSS https://wordpress.org/plugins/autoptimize/ and cache for your site https://wordpress.org/plugins/wp-super-cache/

2. Use Cloud CDN for your site (Cloudflare, MaxCDN)

3. And use plugin to fix Leverage browser caching

Leverage Browser Caching

Kind regards

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

[walteratx5nu]

I want to remove the state field in the personal account when editing billing or delivery address .

I tried with additional CSS like #shipping_state_field {display:none;}

But this does not work, as display:block is hard coded into the page object.

How can I get rid of this field that is never used in Europe.

The problem exists on this page:

…my-account/edit-address/shipping/

Thanks

[Harry]

Hi,

1. To make header full with Please go to Theme Option > General Setting and turn off Boxed Layout.

2. Please add below code to claue > theme option > general layout > custom CSS

#jas-header {background: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg) center center no-repeat; background-size: cover;}

@media (max-width: 767px) {
#jas-header {
background-image: url(https://lemonbeauty.pl/wp-content/uploads/2020/11/super-bonder-370x370.jpg);
}}

}

and change the path to your image

the image on desktop should be is 1920 x 250, and for mobile should be 414 x 150

Kind regards

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

[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 5 years, 4 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