Search Results for 'css'

[Harry]

Hi Seventalents,

I’m not sure why, can you please send me login credential to check.

The code you added in Claue > Theme Options > General Layout > Custom CSS not lose when you update.

Kind regards

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

[seventalents]

Thanks Harry … the last questions regarding this topic:

1. Why it doesn’t work if I add the code to claue-child > style.css and it works if I add it to Claue > Theme Options > General Layout > Custom CSS?
2. If I leave the code in Claue > Theme Options > General Layout > Custom CSS, when I’ll update the theme do I lose my code?

[Harry]

Hi Jacky,

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

.product-info .price {color: #999}

Ang change #999 with your color.

Kind regards

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

[Harry]

Hi,

1. Please go to menu and click on Screen Option, After that check in “CSS Class” and open menu to item to know CSS class.

Our theme support for menu badge with “New”, “Sale”, “Hot” with class “new”, “sale”, “hot”. You can remove badge by remove class

2. You can change background color for label by add below code to claue-child > style.css

.jas-menu li.hot > a:after {
	content: 'Hot';
	background: #ff3e11;
}
.jas-menu li.sale > a {
	color: #ec0101;
}
.jas-menu li.sale > a:after {
	content: 'Sale';
	background: #ffa800;
}
.jas-menu li.new > a:after {
	content: 'New';
	background: #01bad4;
}

and change color as you want.

Kind regards

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

[seventalents]

Thanks Harry, it works if I add it to Claue > Theme Options > General Layout > Custom CSS.

How can I edit the hover color of the same item?

[seventalents]

If I add the code to claue-child > style.css doesn’work.

If I add it to Claue >Theme Options > General Layout > Custom CSS Style it works, but (see screenshot) the default option that I waht hide is visible. How can replace the default option?

Attachments:

You must be logged in to view attached files.

[seventalents]

Thanks and where can I know the css classes I can use?

Besides, how can I change the background color og the label?

[Harry]

Hi,

1. you can change color for all menu item in Claue > Theme Option > Color Scheme

2. If you want change for single menu item, please right click on menu item and inspect to menu item to know menu ID https://prnt.sc/vrcgc4 and add code to claue-child > style.css

.home .header__transparent .jas-menu > li#menu-item-66 > a {
	color: #222;
}

and change 66 with menu item ID number.

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-child > style.css

.woocommerce-ordering select option:nth-child(1),
.woocommerce-ordering select option:nth-child(2) {
	display: none;
}

and change 1,2 or add more 3,4,5 to hide Oder by.

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

.sku_wrapper {
	display: none !important;
}

Kind regards

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