Search Results for 'css'

[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

[Harry]

Hi Seventalents,

Thank you for choose our theme.

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

.swatch__list--item {
	border: 1px solid #ddd;
}
.swatch__list--item.is-selected {
	background: #333;
	border-color: #333;
	color: #fff;
}
.product-image .yith-wcwl-add-to-wishlist a i, 
.product-image .yith-wcwl-add-to-wishlist .ajax-loading {
	color: #fff
}

And change #ddd, #333, #fff with your color.

Kind regards

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

[Harry]

Hi Rosie,

You can use Autoptimize plugin to minify CSS and JS thatt speed up your site. Your hosting package only suite with small site with less products. If you have more products i recommend upgrade hosting package.

Btw, your support expired. Please expand your support that will help us continue develop new features and improve our theme.

Thank and regards

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

[Harry]

Hi,

You can change colorr by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.woocommerce .product-category h2, .product-category h2, .woocommerce .product-category h3, .product-category h3 {
	color: #4d5959;
	top: 0;
	left: 15px;
	font-size: 20px;
}
.product-category h2::before, .product-category h3::before {
	content: 'Shop now';
	top: 55px;
	left: 25px;
	font-family: "Libre Baskerville", Georgia,serif;
	font-size: 14px;
	color: #999;
}
.product-category h2::after, .product-category h3::after {
	content: '\f178';
	top: 56px;
	left: 100px;
	font-family: "FontAwesome";
	font-size: 14px;
	color: #999;
}

Kind regards

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

[Harry]

Hi Phippsy,

Thank you for choose our theme.

1. Please go to Claue > Theme Optionn > WooCommerce > General Settings > Enable Page Title > Off

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

.woocommerce-loop-category__title {
	display: none;
}

Kind regards

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