Search Results for 'css'

[Harry]

Hi Jorge,

I fix the css code on your site but it now still have cache. Can you please clear cache on your site to it apply new code.

Kind regards

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

[asdemodas]

hola harry donde pego el codigo del apartado 2 del css ?

[Harry]

Hi Claire,

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

.woocommerce .product-category h2, .product-category h2, .woocommerce .product-category h3, .product-category h3 {
	position: relative;
	left: 0;
	padding: 15px 0;
}
.product-category h2::after, .product-category h3::after {
	left: 75px;
}
.product-category h2::before, .product-category h3::before {
	left: 0;
}

Kind regards

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

[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