Search Results for 'css'

[Harry]

Hi,

I see you comment code in claue > style.css http://prntscr.com/nrxrwp

Please remove your code or update theme to latest version. I see the version on your site outdated http://support.janstudio.net/forums/topic/updating-the-theme/

Kind regards

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

[Harry]

Hi,

I see you remove header comment code on child theme it will cause child theme doesn’t work when you activate again.

Please remove code in line 226 “.count” in claue-child > style.css

I still see the code there

Regards

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

[craftadmin]

Hi

I have added above code in child theme style.css file.

Tried both ways keeping/removing .count but it’s not showing me count notification over shopping cart icon in header.

[Harry]

Hi,

I see you add custom css in claue-child > style.css

.filter-trigger .fa-sliders, .count, .post-meta.fs__12 {
	display: none;
}

Please remove .count in CSS

Kind regards

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

[craftadmin]

Hi,

Something went wrong with my all woocommerce pages like cart, checkout, thank you etc, theme css and anmation not showing properly. Kindly look into this.

[Harry]

Hi,

1. On homepage you should change list product style to “grid” http://prntscr.com/nrpkpo

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

@media only screen and (max-width: 480px) {
.metaslider .slides img {
	height: auto !important;
	width: 100% !important;
	max-width: inherit;
}}

3. If you want show 3 products per row, please change in Slider setting tab http://prntscr.com/nrplhp

4. Please go to JanStudio > Theme Option > WooCommerce > Product Listing Settings > Per page

5. Please go to JanStudio > Theme Option > Header > Enable Header Sticky > On

6. Please go to Appearance > Menus > Select Quick Links and remove Store Location http://prntscr.com/nrppkz

Kind regards

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

[Harry]

Hi,

1. please add below code to claue > theme option > general layout > custom css

.wc-proceed-to-checkout a {
	float: none;
	width: 100%;
	text-align: center;
}

2. It doesn’t support you change position but you can reduce space between element by add below code

.extra-link {
	text-align: center;
	margin-top: 0;
}
.wc-extra-content {
	text-align: center;
	margin: 0;
}

And please crop the space around on top and bottom of image and upload again http://prntscr.com/nr7l1l

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 to show badge for Mega Menu

.mega-menu-wrap ul li.mega-hot > a:before,
.mega-menu-wrap ul li.mega-sale > a:before,
.mega-menu-wrap ul li.mega-new > a:before {
	position: absolute !important;
	color: #fff !important;
	font-size: 9px !important;
	padding: 1px 7px 0 !important;
	border-radius: 50px;
	line-height: 16px !important;
	font-family: 'Poppins', sans-serif !important;
}
.mega-menu-wrap ul li.mega-hot > a:before,
.mega-menu-wrap ul li.mega-sale > a:before,
.mega-menu-wrap ul li.mega-new > a:before {
	right: -3px !important;
	top: 5px !important;
}
.mega-menu-wrap li.mega-hot > a:before {
	content: 'Hot';
	background: #ff3e11 !important;
}
.mega-menu-wrap li.mega-sale > a:before {
	content: 'Sale';
	background: #ffa800 !important;
}
.mega-menu-wrap li.mega-new > a:before {
	content: 'New';
	background: #01bad4 !important;
}

and change the text to your language.

Kind regards

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

[yangguole]

Hello I  want to create a mega menu with product or image , like this https://prntscr.com/nqjiwf ,  when I try with Max Mega Menu , it change totally the CSS,  does it possible to do?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can hide tooltip of color when color selected by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.swatch__list--item.is-selected .swatch__tooltip {
	opacity: 0;
	visibility: hidden;
}

Kind regards

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