Search Results for 'css'

[Harry]

Hi,

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

#billing_sex_field .select2-container {
	margin: 0;
	width: 100% !important;
}
#billing_sex_field .select2-container--default .select2-selection--single {
	border-radius: 0;
	height: 40px;
	margin: 0;
}
#billing_sex_field .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}
#billing_sex_field .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
}
#billing_address_2_field .screen-reader-text {
	clip: inherit;
	height: inherit;
	overflow: inherit;
	position: inherit !important;
	width: inherit;
}
#billing_phone_field {
	width: 100%;
}

Kind regards

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

[Fred]

Hello,

I need to change the horrible overlay you made on shop header pages. I don’t find the option in the theme options. And neither in the CSS.

Could you help me please.

See attached file.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

5. I’m sorry it doesn’t option for only one category sort by latest, it will apply for all. And can’t add filter for custom page

8. I think it now you’re using 320×320 is the best. It good for desktop and mobile too.

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

.page-head::before {
	background: rgba(0,0,0,0.5);
}

and change 0,0,0 as your RGB color and 0.5 as opacity 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

[Harry]

Hi,

This issue because the css of PrettyPhoto.

Please add below code to override

@media only screen and (max-width: 736px) {div.pp_pic_holder {width: 100% !important;}}

Kind regards

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

[Harry]

Please go to themes/claue/assets/vendors/slick/slick.css

and remove below css code

.slick-loading .slick-list {
	background: #fff url('ajax-loader.gif') center center no-repeat;
}

Kind regards

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

[Harry]

Hi,

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

.term-description {
	display: block;
}

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

if ( ! function_exists( 'jas_claue_enqueue_scripts' ) ) {
	function jas_claue_enqueue_scripts() {
		// Google font
		wp_dequeue_style( 'jas-font-google', jas_claue_google_font_url() );

		// Font Awesome
		wp_dequeue_style( 'font-awesome' );
		wp_dequeue_style( 'yith-wcwl-font-awesome' );
		wp_enqueue_style( 'fontawesome', JAS_CLAUE_URL . '/assets/vendors/font-awesome/css/font-awesome.min.css' );

		// Font Stroke
		wp_enqueue_style( 'font-stroke', JAS_CLAUE_URL . '/assets/vendors/font-stroke/css/font-stroke.min.css' );

		// Slick Carousel
		wp_enqueue_style( 'slick', JAS_CLAUE_URL . '/assets/vendors/slick/slick.css' );
		wp_enqueue_script( 'slick', JAS_CLAUE_URL . '/assets/vendors/slick/slick.min.js', array(), false, true );

		// Magnific Popup
		wp_enqueue_script( 'magnific-popup', JAS_CLAUE_URL . '/assets/vendors/magnific-popup/jquery.magnific-popup.min.js', array(), false, true );

		// Isotope
		wp_enqueue_script( 'isotope', JAS_CLAUE_URL . '/assets/vendors/isotope/isotope.pkgd.min.js', array(), false, true );

		// Scroll Reveal
		wp_enqueue_script( 'scrollreveal', JAS_CLAUE_URL . '/assets/vendors/scrollreveal/scrollreveal.min.js', array(), false, true );

		// jQuery Countdown
		wp_enqueue_script( 'countdown', JAS_CLAUE_URL . '/assets/vendors/jquery-countdown/jquery.countdown.min.js', array(), false, true );

		// Enqueue script on single product
		if ( function_exists( 'is_product' ) && is_product() ) {
			wp_enqueue_script( 'sticky-kit', JAS_CLAUE_URL . '/assets/vendors/jquery-sticky-kit/sticky-kit.min.js', array(), false, true );
		}

		if ( class_exists( 'WooCommerce' ) ) {
			wp_enqueue_script( 'wc-add-to-cart-variation' );
			wp_enqueue_script( 'jquery-ui-autocomplete' );

			// Zoom image
			if ( is_singular( 'product' ) && cs_get_option( 'wc-single-zoom' ) && !wp_is_mobile() ) {
				wp_enqueue_script( 'zoom' );
			}
		}

		// Main scripts
		wp_enqueue_script( 'jas-claue-script', JAS_CLAUE_URL . '/assets/js/theme.js', array( 'jquery', 'imagesloaded' ), '', true );

		// Inline script
		wp_add_inline_script( 'jas-claue-script', jas_claue_custom_js() );

		// Custom localize script
		wp_localize_script( 'jas-claue-script', 'JAS_Data_Js', jas_claue_custom_data_js() );

		// Responsive stylesheet
		wp_enqueue_style( 'jas-claue-animated', JAS_CLAUE_URL . '/assets/css/animate.css');

		// Main stylesheet
		wp_enqueue_style( 'jas-claue-style', get_stylesheet_uri() );

		// RTL stylesheet
		if ( is_rtl() ) {
            wp_enqueue_style('jas-claue-rtl', JAS_CLAUE_URL . '/assets/css/rtl.css');
        }

		// Inline stylesheet
		wp_add_inline_style( 'jas-claue-style', jas_claue_custom_css() );

		if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
			wp_enqueue_script( 'comment-reply' );
		}

		do_action( 'claue_scripts');
	}
}
add_action( 'wp_enqueue_scripts', 'jas_claue_enqueue_scripts', 10 );

Kind regards

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

[Harry]

Hi Tony,

1. Please install this plugin https://en-gb.wordpress.org/plugins/advanced-custom-fields/

2. Go to Custom Fields > Add new field name “woocommerce_product_category_page_bottom_description” like this screenshot http://prntscr.com/mt24g1 and rule http://prntscr.com/mt25uf

3. Add below code to claue-child > functions.php

function action_woocommerce_after_shop_loop() {	 
	$term_id = get_queried_object()->term_id;
	$post_id = 'product_cat_'.$term_id;
	$custom_field = get_field('woocommerce_product_category_page_bottom_description', $post_id); // My Advanced Custom Field Variable	 
	echo '<div class="extra_text">' . $custom_field . '</div>';
 
}; 
add_action( 'woocommerce_after_shop_loop', 'action_woocommerce_after_shop_loop', 100);

4. Add below code to Claue > Theme Option > general layout > custom CSS

.extra_text {
	margin-top: 30px;
}

Kind regards

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

[Harry]

Hi Tony,

Thank for renew support.

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 );
		}
		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 );

and remove section you add by page builder on shop page and add below code to Claue > Theme Option > General Layout > Custom CSS

.term-description {
	display: block;
	margin-top: 30px;
}

Kind regards

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

.post-type-archive.post-type-archive-product .shop-top-sidebar {display: none;}

Kind regards

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