Search Results for 'css'

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