Search Results for 'css'

[Harry]

Hi,

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

.product_title {
	font-size: 25px;
}
.entry-summary .price {
	font-size: 20px;
}
.price ins {
	color: #ec0101 !important;
}

and change 20, 25 with your color #ec0101 with your color

Kind regards

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

[Harry]

Hi,

1. You can increase size image swatches image by add below code to Claue > Theme Option > General Layout > Custom CSS

.swatch__value {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

and change 28 with your number

2. I’m sorry, it can’t insert image and custom text for all products in short description. Just add custom text and image for all product below add to cart button by go to Claue > Theme Option > WooCommerce > Product Detail Settings > Extra Content.

Kind regards

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

[Harry]

Dear customer,

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

/* move category description below products */
add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
}

function jas_claue_child_wc_page_head() {
	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;

	$title = cs_get_option( 'wc-page-title' );

	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_search() ) {
			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
		} elseif ( is_shop() ) {
			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
			$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
		} else {
			// Remove old position of category description
			remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
			//$output .= do_shortcode( category_description() );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 110 );
			
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

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

.term-description {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 30px auto;
}

Kind regards

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

[Harry]

Hi Florian,

I check your site and see you added below code to Theme Option > General Layout > Custom CSS

“”

This field doesn’t support this code.

To add this, please copy file header.php from claue to claue-child and add your code on line 14

Kind regards

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

[Harry]

Hi Sovann,

Please add more code to Theme Option > General Layout > Custom CSS

.page-head {
	max-width: 1200px;
	margin: auto;
}
.jas-container > .jas-row.jas-page {padding: 0 15px;}

To change body background please go to Theme Option > Color Scheme > Body background color

Kind regards

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

[Harry]

Hi,

1. please download attach file, extract and import via Tools > Import > wordpress import

2. Please edit homepage, edit the row wrap these sections and add margin follow this screenshot http://prntscr.com/ng22h0

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

.boxed .header__top, .boxed .jas-wc-single .bgbl, .boxed #jas-footer {
	max-width: 1200px;
}
.header__mid.pl__15.pr__15 {
	background-color: transparent !important;
}
.header__mid .jas-container {
	background-color: #333;
}

4. Please edit the row wrap Instagram section and uncheck full-width option http://prntscr.com/ng22w7

Kind regards

Attachments:

You must be logged in to view attached files.

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

[Harry]

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

@media only screen and (max-width: 1440px) and (min-width: 1025px) { 
.product-extra-title h2::before, .product-extra-title h2::after {
	width: 30px;
}
.product-extra-title h2::before {
	left: -45px;
}
.product-extra-title h2::after {
	right: -45px;
}
.product-extra-title h2 {font-size: 20px;}
}

Kind regards

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

[Harry]

Hi Michael,

1. To hide all shipping method when free shipping available please add below code to claue-child > functions.php

/**
 * Hide shipping rates when free shipping is available.
 * Updated to support WooCommerce 2.6 Shipping Zones.
 *
 * @param array $rates Array of rates found for the package.
 * @return array
 */
function my_hide_shipping_when_free_is_available( $rates ) {
	$free = array();
	foreach ( $rates as $rate_id => $rate ) {
		if ( 'free_shipping' === $rate->method_id ) {
			$free[ $rate_id ] = $rate;
			break;
		}
	}
	return ! empty( $free ) ? $free : $rates;
}
add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

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

@media only screen and (max-width: 736px) { #jas-footer {text-align: center;}}

3. Please try this plugin https://wordpress.org/plugins/pixelyoursite/ or https://wordpress.org/plugins/official-facebook-pixel/

Kind regards

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

[Rahim]

Hi Harry,

hope you are fine.

I think you should review the social share buttons under the posts and products.

The Google+ is closed now so no need to have it there anymore.

I recommend to add more popular apps like WhatsApp or Viber

And you can have them in the dashboard and let the customer to make them available or disable via a tick

For example I don’t need Tumblr but I should use css or implement the functions.php

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

Please add more custom CSS code

.page-head::before {
	display: none;
}

Btw, your support expired. Could you please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop our theme.

Thanks

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