Search Results for 'css'

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {
.jas-col-xs-6.jas-col-md-6, .jas-masonry .jas-col-xs-6.jas-col-md-6 {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}}

@media only screen and (max-width: 480px) {
.products .jas-col-xs-6:first-child, .products .jas-col-xs-6:nth-child(2n+1), .products.jas-masonry .jas-col-xs-6:nth-child(2n) {
	padding-right: 1rem;
}
.products .jas-col-xs-6:nth-child(2n), .products.jas-masonry .jas-col-xs-6:first-child, .products.jas-masonry .jas-col-xs-6:nth-child(2n+1) {
	padding-left: 1rem;
}}

Kindd 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

.u-small .swatch__value {
	width: 20px;
	height: 20px;
}
.swatch__value {
	width: 30px;
	height: 30px;
	line-height: 32px;
}

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

.woocommerce-cart-form .actions .coupon,
.woocommerce-cart .woocommerce-message a {
	display: none;
}

Kind regards

• This reply was modified 4 years, 1 month ago by Harry.

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

[Harry]

Hi Mario,

A,B,C .Please add below code to Claue > Theme Option > General Layout > Custom CSS

.btn-quickview, .product-image .product-btn .button, .product-image .added_to_cart {
	line-height: 40px;
	margin: 0 10px;
	text-indent: -999em;
	background: #000;
	position: relative;
}
.btn-quickview::after,
.product-btn .button:after {
	position: absolute;
	content: '\e618';
	font-family: 'Pe-icon-7-stroke';
	left: 50%;
	top: 50%;
	text-indent: 0;
	color: #fff;
	font-size: 24px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.flex.column.product-btn {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: row;
	flex-direction: row;
}
.btn-quickview::after {
	content: '\e618';
}
.btn-quickview::after {
	content: '\e66e';
}
.slick-prev {
	left: -35px;
}

.slick-next {
	right: -35px;
}

.slick-prev, .slick-next {
	color: #fff !important;
background-color: #5f021f;
border-color: #5f021f;
}

A3, You can change in Product > Attributes > Size > Configure Term or you can hide it in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Products Attribute On Product List and uncheck the field

Kind regards

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

[wanderandstrive]

Hey there,

 

we are experiencing technical problems when updating the latest version of the Gecko theme.

Our website doesn’t work right as soon we update it. We are always kicked out of wordpress, plus all the CSS codes are visible on the website. (see attachment)

 

Is there any compatibility issues with wordpress?

 

Thanks in advance.

 

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi MrAlan,

Thank you for choose our theme.

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

.variations .swatch .value select {
	display: none;
}
.variations .swatch .value {
	display: block;
	border: none;
}
.swatch .reset_variations {
	display: initial !important;
}

2. Please go to Appearance > Widgets > YITH Ajax Filter change type of filter to AND or OR https://prnt.sc/xiee7d

Kind regards

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

[Harry]

Hi Tom,

I see the banner you using is 1000 x 156 https://eir6aehiq4a.exactdn.com/wp-content/uploads/2021/01/BikerArmourRx2_catbanner.jpg?strip=all&lossy=1&ssl=1 . Recommend use 1920 x 300.

And you can hide the category name on banner by add below code to Claue > Theme Option > General Layout > Custom CSS

.page-head h1 {
	visibility: hidden;
}

Kind regards

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

[Harry]

Hi Prsocial,

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

@media only screen and (max-width: 1024px) {
.holder {
	width: calc(100% + 30px);
	margin: 0 -15px;
}}

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

.post-type-archive-jhelp-faq .jas-search-form,
.post-type-archive-jhelp-video .jas-search-form,
.post-type-archive-jhelp-document .jas-search-form {display: none;}

Kind regards

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

[Harry]

i’m sorry i tried on parent theme it work but on child theme it not work.

Please remove code and add below code to helpdesk-child > style.css

.bbp-the-content-wrapper + div.bbp-template-notice.info { display: none;}

Kind regards

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