Search Results for 'css'

[hostingames]

This reply has been marked as private.

[Harry]

Yes, please add custom CSS code in JanStudio > Theme Option > General Layout > Custom CSS

.pe-7s-shopbag::before {
	content: "\f07a";
	font-family: fontAwesome;
}

Best regards

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

[Harry]

Yes, Please add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.home .result-count-order {display: none;}

.result-count-order { background: none !important; color: #333;}
.woocommerce-ordering select {background: none !important;border: 1px solid #ccc;color: #333;}
.woocommerce-ordering::after {right: 10px;}

Best regards

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

[hostingames]

This reply has been marked as private.

[Harry]

Hi,

1,2. Please add custom css code in Claue > Theme Option > General Layout > Custom CSS

.jas-my-account ul li:nth-child(2), .woocommerce-MyAccount-navigation-link--downloads { display: none;}

3. The phone number field already in Edit Address, user can edit there. It doesn’t support add mobile number field in the account details

Best regards

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

[hostingames]

This reply has been marked as private.

[Harry]

Hi,

1. Please create brand as attribute http://take.ms/sprpk

2. Go to Appearance > Widgets > add YITH Ajax Filter Widget and select brand as label http://take.ms/eo575

3. Config for size like this http://take.ms/XLKd1q

4. As your screen shot, the brand now is product categories, it can’t display square like filter bar. You can change background image for category by edit this category and upload thumbnail image.

If you want change color please add custom css in Claue > Theme Option > General Layout > Custom CSS

.page-head:before {background: #555;}

Change #555 with your color

Best regards

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

[Harry]

Hi,

Please use code below for HTML

<div class="jas-container">
	<div class="jas-row mt-5">
		<div class="jas-col-sm-6 p-0">
			<div class="pr background-color-primary h-100 p-4" style="z-index: 1;">
				<h2 class="text-color-light">Title</h2>
				<p class="text-color-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc.</p>
			</div>
		</div>
		<div class="jas-col-sm-6 p-0">
			<img src="img/team/team-3.jpg" class="img-fluid" alt="">
		</div>
	</div>
</div>

and CSS code

.background-color-primary {
	background: #ccc;
	padding: 30px;
}
.background-color-primary:after {
	content: "";
	background: #ccc;
	height: 100%;
	width: 120px;
	right: -60px;
	top: 0;
	position: absolute;
	transform: skew(-20deg);
}

Best regards

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

[LV]

Hi,

Need CSS please

1] Not to collapse the main menu when making the screen smaller

2] Expand submenu’s width to the width of whole screen.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. If you put the custom header.php in child theme you don’t need backup file because parent theme contain original file. The customer’s dashboard look cool

3. The code compatible with our theme is

<div class="jas-container">
	<div class="jas-row mt-5">
		<div class="jas-col-sm-6 p-0">
			<div class="pr background-color-primary h-100 p-4" style="z-index: 1;">
				<div class="db pa custom-diagonal-separator background-color-primary" style="width: 30%; left: 80%;"></div>
				<h2 class="text-color-light">Title</h2>
				<p class="text-color-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc.</p>
			</div>
		</div>
		<div class="jas-col-sm-6 p-0">
			<img src="img/team/team-3.jpg" class="img-fluid" alt="">
		</div>
	</div>
</div>

and the CSS can optimize to

.custom-diagonal-separator {
	top: 0;
	bottom: 0;
	left: 80%;
	background: #CCC;
	transform: skewX(-10deg);
	z-index: -1;
}

because we define some class “pr=position: relative”, pa=”position: absolute”, “db=display:block”

Best regards

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