Search Results for 'css'

[Harry]

Hi,

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

@media only screen and (max-width: 1024px) and (min-width: 801px) {
.hidden-md.visible-sm.jas-col-sm-3.jas-col-xs-3 {
	display: none;
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6, .header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
	flex-basis: 16.666%;
	max-width: 16.666%;
}
.jas-col-md-8.hidden-sm {
	display: block;
}
}

Kind regards

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

[Harry]

Hi Virolucio,

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

@media only screen and (max-width: 767px) {
.jas-col-md-3.jas-col-xs-12.first-md {
	order: -1;
}}

Kind regards

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

[Harry]

Hi Jacky,

The issue because you add padding top and padding bottom of and these value fixed while background cover content and when you view on mobile only the width decrease but the height still the same so you have to add code to decrease the height.

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

@media only screen and (max-width: 767px) {
.vc_custom_1600637582830 {
	padding-top: 25vh !important;
	padding-bottom: 5vh !important;
}}

We recommend just change the background image. Don’t delete the row wrap hero banner and create new row.

Kind regards

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

[ncohen68]

Hello Team,

how can I modify the border colour to be black instead of aqua?

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

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', 40 );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 40 );			
		}
		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 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]

This issue because you load image from https://media.bdroppy.com/storage-foto and the title of image contain the code https://prnt.sc/uis1ew

You can fix by hide caption of image by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.pswp__ui--fit .pswp__caption {
	display: none;
	height:0 !important;
	min-height: 0 !important;
}

Kind regards

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

[Harry]

Hi Nasan,

1. Please go to WpBakry PageBuilder > Role Manager and check in Post Types > Custom > Post, Page, Products

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

.tax-product_cat .page-head h1 {visibility: hidden;}

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

.shop-top-sidebar .widget ul li,
.jas-service p,
.jas-service .title,
.footer__top .menu li,
.footer__top p {
	font-size: 16px;
}
.single-post .page-head {
	display: none;
}
.post-content {
	font-size: 22px;
}

Kind regards

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

[Harry]

Hi,

I see you added PHP code to JanStudio > Theme Option > General Layout > Custom CSS

/**
 * add brands attribute to the Appearance menu
 */

add_filter('woocommerce_attribute_show_in_nav_menus', 'wc_reg_for_menus', 1, 2);

function wc_reg_for_menus( $register, $name = '' ) {
     if ( $name == 'pa_brands' ) $register = true;
     return $register;
}
/**
 * Move Apple Pay button
 *
 * @return bool
 */
function cs_woocommerce_stripe_apple_pay_button() {
	$applePayInstance = WC_Stripe_Payment_Request::instance();

	//Product Page
	remove_action( 'woocommerce_after_add_to_cart_quantity', array( $applePayInstance, 'display_payment_request_button_separator_html' ), 2 );
	remove_action( 'woocommerce_after_add_to_cart_quantity', array( $applePayInstance, 'display_payment_request_button_html' ), 1 );
	add_action( 'woocommerce_after_add_to_cart_form', array( $applePayInstance, 'display_payment_request_button_html' ), 30);
}
add_action( 'init', 'cs_woocommerce_stripe_apple_pay_button', 1 );

Please remove PHP code in Custom CSS it cause error, and insert PHP code to gecko-child > functions.php

The Custom CSS field only work with CSS code.

Kind regards

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

[borami]

Hi Henry,

Thanks again for your support.

1- With the variation swatch it worked at first putting a rectangle button which I have to say that I loved it. But now it turned to an oval-shaped button which is not as fancy as the rectangle one.

2-The code worked perfectly but in the plugin css dedicated space as putting it into the theme CSS Style menu sometimes the button was misaligned.

Thanks again.

Attachments:

You must be logged in to view attached files.