Search Results for 'css'

[Harry]

Hi,

You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

.jas-carousel { transition: inherit;}

Best regards

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

[Harry]

Hi Hermandez,

You can change color for slider by add custom css in Claue > Theme Option > General Layout > Custom CSS

.metaslider .flexslider .caption-wrap,
.metaslider .flexslider .caption-wrap .f__libre {
color: #fff;
}
.metaslider .flexslider .caption-wrap h3 {
color: #fff !important;
}

.metaslider a.button {
color: #fff !important;
}

Change #fff with your color

Best regards

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

[Harry]

Hi,

1. I help you make the portfolio image small size on tablet?

2. Why on tablet you want display only one portfolio.
It use javascript to set position of portfolio, if you only want to show 1 portfolio on tablet and it is in center you can use custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 800px) and (min-width: 768px) {
#portfolio-2242 { left: 50%;transform: translateX(-50%);}
}

Best regards

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

[Harry]

Hi,

1. You can change product image size in WooCommerce > Settings > Products > Display > Product Image and change Catalog Image Size and Single Product Image Size.

2. You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

.jas-carousel { transition: inherit;}

Best regards

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

[Harry]

Hi,

1.For Autoptimize you can enable optimize for all html,css,js http://take.ms/oxwis

2. If you don’t issue image for menu you can use default menu to create mega menu for lighter menu, if you want insert images and more features you can use Max Mega Menu https://wordpress.org/plugins/megamenu/

Best regards

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

[ArtK]

This reply has been marked as private.

[Harry]

Hi,

You can add below code to JanStudio > Theme Option > General Layout > Custom CSS to fix or wait for update

.metaslider .flexslider .flex-direction-nav li a.flex-prev, 
.metaslider .flexslider .flex-direction-nav li a.flex-next {
	outline: none;
	padding: 0;
	overflow: hidden;
	top: 50%;
	margin-top: -23px;
	width: 40px;
	height: 40px;
	z-index: 8;
	background: #b59677;
	background-image: none;
	border: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	text-shadow: none;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-next {
	right: 30px;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-prev {
	left: 30px;
}
.metaslider .flexslider .flex-prev:hover,
.metaslider .flexslider .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-prev:before, 
.flex-direction-nav .flex-next:before {
	font-family: 'Pe-icon-7-stroke';
	font-size: 36px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0;
	display: block;
	line-height: 36px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.metaslider .flexslider .flex-direction-nav li .flex-prev {
	left: 30px;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-prev {
	right: 30px;
	left: auto;
}
.metaslider .flexslider .flex-direction-nav li .flex-prev:before {
	content: '\e686' !important;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-prev:before {
	content: '\e684' !important;
}
.metaslider .flexslider .flex-direction-nav li .flex-next {
	right: 30px;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-next {
	right: auto;
	left: 30px;
}
.metaslider .flexslider .flex-direction-nav li .flex-next:before {
	content: '\e684' !important;
}
[dir='rtl'] .metaslider .flexslider .flex-direction-nav li .flex-next:before {
	content: '\e686' !important;
}

Best regards

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

[Harry]

Yes,
You can add specific background for specific tag by add tag class name to css

Example: for this screen shot http://take.ms/77Xun

.term-121.tax-product_tag .jas-wc .page-head {
background-image: url(http://janstudio.net/claue/demo/wp-content/uploads/2016/10/shop-category.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: center center;
background-attachment: scroll;
}

You can follow this video to check tag class http://take.ms/z7C9F

Best regards

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

[orlane_azogui]

Hello,

And is that posible to specify for which tag it applies on the custom CSS ? It would be awesome if I could decide one picture for one tag. For example I have one tag named “Jordane Somville” and another one named “Ombre Claire” and I would like to add custom CSS for each of those tags.

Is that possible ?

Thanks a lot,

Best regards,

Laurie

[Harry]

Hi,

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

.store-header .wcv-header-container #banner-wrap {
min-height: 200px !important;
}

And change 200px as number as you want.

Best regards

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