Search Results for 'css'

[Harry]

Hi,

You can change color of these by add below code to Claue > Theme Option > General Layout > Custom CSS

.product-image .product-attr {
	color: #fff;
}
.products.metro .product-info h3 a {
	color: #fff;
}
.products.metro .price del {
	color: #878787;
}
.product-image .product-btn .btn-quickview,
.product-image .product-btn .button, 
.product-image .added_to_cart {
	background: #fff;
	color: #222;
}
.product-image .product-btn .btn-quickview:hover,
.product-image .product-btn .button:hover, 
.product-image .added_to_cart:hover {
	background: #222;
	color: #fff;
}
.jas-social a {
	color: #000;
}

and change #fff, #222, #000 with your color

Regards

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

[Chris.Mc]

Awesome, thank you very much

 

Just for double checking, if I add these code to the custom CSS I add them like that?

.jas-menu li.sale > a::after {
background: #ffa800;
}
.jas-menu li.new > a::after {
background: #01bad4;
}
.shop-top-sidebar .widget ul li.current-cat > a {
color: #dd8d16;
}

[Harry]

Hi,

1. For the badge please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-menu li.sale > a::after {
	background: #ffa800;
}
.jas-menu li.new > a::after {
	background: #01bad4;
}

and change ffa800, 01bad4 with your color

2. For subcategory selected, please add below code to Claue > Theme Option > General Layout > Custom CSS

.shop-top-sidebar .widget ul li.current-cat > a {
	color: #dd8d16;
}

Regards

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

[Harry]

Hi,

Please download file claue-main-file from ThemeForest and extract to get claue-child.zip

After that you can install claue-child.zip in Appearance > Theme > Add new like install parent theme and go to Appearance > Editor to access functions.php and style.css

Kind regards

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

[Harry]

Hi Rahim,

It have only way use custom css code

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

And change the path of image to your image

Kind regards

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

[Harry]

Hi,

1. Please add below code to claue-child > functions.php

add_action( 'wp_footer', 'claue_scripts' );
function claue_scripts() {
?>
<script type = "text/javascript">
    jQuery(document).ready(function(){
        jQuery('.product-image a, .product-title a').attr('target', '_blank');
    });
</script>
<?php
}

2. Please add below code to claue-child > style.css and

.jas-sc-instagram .item img {
height: 320px;
max-width: inherit;
width: auto;
}

And select size 640 x 640 for Instagram images
Regards

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

[Harry]

Hi,

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

.related.product-extra {display: none;}

2. Please follow this screenshot http://take.ms/6WMzg

3. For the category you should crop images to same size before upload. For Instagram, please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-sc-instagram .item img {
height: 320px;
max-width: inherit;
width: auto;
}

Kind regards

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

[Harry]

Hi,

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

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: 736px) {
.shop-top-sidebar .product-categories {
	margin-left: 0;
	text-align: center;
}}

Regards

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

[Harry]

Hi,

Please add more CSS to reduce width of input field

#woocommerce-product-search-field-1 { width: calc(100% - 100px);}

and change 100px as width of search button.

Regards

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