Search Results for 'css'

[Harry]

Hi,

1. Please add below code to Claue > theme option > general layout > custom CSS

@media screen and (max-width: 1024px) and (min-width: 737px)
.dgwt-wcas-search-wrapp {
	max-width: 240px !important;
	min-width: 150px !important;
}
.jas-action .sf-open {
display: none;
}}

2. The search result page not pound because it conflict with plugin Woo Search Box, i deactivate this plugin it now ok.

3. Please go to Appearance > Customize > WooCommerce > Product Images > Thumbnail Width and change 570 to 270

and using this plugin https://wordpress.org/plugins/wp-smushit/ to optimize image

It now your images very big, please crop to correct dimension http://prntscr.com/o9a985 and optimize at https://tinypng.com/ before upload to your site

And please use plugin Autoptimize to minify JS and minify CSS https://wordpress.org/plugins/autoptimize/

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

.jas-branding {
	margin-left: 0 !important;
}

Kind regards

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

[coveraffair]

Harry, I did remove cache and got the results. But different windows have different problems.

1. Can’t i Remove the Scroll Bar.
2. Logo Needs to be moved left. It is not aligning with the icons. CSS hero breaks the code when moving .

[Harry]

Hi,

1. Please follow this topic to move button under price http://support.janstudio.net/forums/topic/down-the-add-to-cart-and-quick-view-products/

2. You can change the text by go to Loco > plugins > woocommerce

3. Please add below code to claue > theme option > general layout > custom CSS

.jas-push-menu {
	background: #ffe9de;
}

Kind regards

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

[jalenia]

I’ve gone thru and deactivated plugins one at a time like you asked to resolve the issue to no avail. But I did find something interesting when inspecting the homepage with Chrome, see the screenshot. When the css tag wpb_animate_when_almost_visible is set to 1 instead of 0 in the js_compiler_min.css the slider will appear. However, it seems something else is overwriting that setting elsewhere so it is constantly being written to hide. Any suggestions where to look from here would be welcome. Thanks!

 

Update: I found this solution to this issue on this forum. https://theme.co/apex/forums/topic/wrong-version-of-visual-composer/

To fix this, you can try adding the code below under Custom > CSS in the Customizer.

body .wpb_animate_when_almost_visible {
opacity: 1;
}
Hope that helps someone with the same issue. I’m still not sure what caused it but this is working for us.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to claue > theme option > general layout > Custom CSS

.home #jas-content > .jas-container {
	padding: 0 30px;
	margin-top: 0;
}

Kind regards

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

[Harry]

Hi,

You can remove breadcrumb by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.page-head .woocommerce-breadcrumb, .page-head .jas-breadcrumb {
	display: none;
}

Kind regards

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

[Harry]

Hi,

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

.page-head {
	padding: 50px 0;
}
.jas-wc .jas-full, .jas-wc-single .jas-full {margin-left: 250px;}
@media only screen and (min-width: 62em) {
	.jas-col-md-12 { padding: 0;}
}

and change 50 with your number

2. I’m sorry this generate by browser and can’t control 🙁

3. Please go to Theme Option > WooCommerce > General Settings > Enable Page Title > Off.

5. Please go to WooCommerce > Settings > Products > and check in “Enable product reviews ”

7. Please download file layout-5.php.zip we attach in prev reply and upload to claue-child > views > header
and activate child theme.

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 only screen and (max-width: 1024px) {
[dir="rtl"] .product-btn {
	left: inherit;
	right: inherit;
	position: relative;
	top: 0 !important;
}
.product-image .product-btn .button {
	display: block;
}
.btn-quickview {
	text-indent: inherit;
}
[dir="rtl"] .btn-quickview::after {
	display: none;
}}

Kind regards

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

[Harry]

Hi Mahmoudyounis,

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

.product-image .product-btn .button, .product-image .added_to_cart, .product-image .product-btn .btn-quickview {
	background: #ccc;
}
.product-btn {
	top: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit;
	opacity: 1;
	visibility: visible;
	position: relative;
}

Kind regards

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