Search Results for 'css'

[Harry]

Hi Natalie,

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

#jas-backtop {
	display: none;
}

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

.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
	max-width: 120px;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb, .jas-wc-single .left + .social-share {
	padding-left: 120px;
}
.single-product-thumbnail.left .p-nav .slick-slide, .single-product-thumbnail.right .p-nav .slick-slide {
	width: 120px;
}

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

.pe-7s-shopbag::before {
	content: "myBag";
	font-family: "Poiret One";
	font-size: 18px;
}
.jas-icon-cart .count {
	position: relative;
	display: inline-block;
}

Kind regards

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

[Harry]

Add add below code to claue-child > style.css

.product-image .product-btn .button:first-child {
	margin-bottom: 10px;
}

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-child > functions.php

if ( ! function_exists( 'jas_claue_post_thumbnail' ) ) {
	function jas_claue_post_thumbnail() {
		?>
			<div class="post-thumbnail pr mb__25">
				<?php if ( has_post_thumbnail() ) : ?>
					<a href="<?php esc_url( the_permalink() ); ?>" aria-hidden="true">
						<?php the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title() ) ); ?>
					</a>
				<?php endif; ?>
				<div class="pa inside-thumb tc cg">
					
					<?php jas_claue_post_title(); ?>
					<?php jas_claue_posted_on(); ?>
<?php jas_claue_post_meta(); ?>
				</div>
			</div>
		<?php
	}
}

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

.post-title {
	text-align: left;
	font-size: 16px;
}
.inside-thumb {
	text-align: left;
}
.post-meta.fs__12 {
	text-align: right;
}

Your support will expired soon. Could you please add renew support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281

Thanks

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

[Harry]

I’m sorry. Gecko doesn’t have option to turn off full width.

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

.wc-single-3 .product {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

Kind regards

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

[Harry]

Hi Rahim,

Please add more code

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
.product-category, .jas-banner {
	margin-bottom: 10px;
} 
}

Regards

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

[Rahim]

I need to do this with code, not using the page builder, because many of my site’s pages are duplicated from homepage and got customized, so it’s much easier via css.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

Hope you are doing very well. 🙂

Harry, via your help I reduced the inner space between banners in my homepage via giving a class to the all rows = banner-wrapper and adding this code:

.banner-wrapper .vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}

Now I would like to have the same space which I think is 10px from the button and top.

I really appreciate your help.

Check Here: http://prntscr.com/m8enjx

Regards.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

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

.jas-blog-slider .post-thumbnail > div,
.inside-thumb {
	background: rgba(0, 0, 0, .8);
}

And change 0,0,0 with your RGB color and 0.8 as opacity of color from 0.0 to 1.0

Kind regards

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