Search Results for 'css'

[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.

[Harry]

Hi Borami,

1. For size variation swatch. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS for better style

.is-label .swatch__list--item {
	border-radius: 5px;
	padding: 2px 5px;
}
.swatch.is-label .swatch__value {
	width: auto;
}

2. I checked the Filter button. It can show button in center like this https://prnt.sc/ugep74 by add code to

JanStudio > Theme Option > General Layout > Custom CSS

.jas-wc .berocket_ajax_filters_sidebar_toggle {
	margin: 20px 0 0;
	width: 100% !important;
	text-align: center;
}

Kind regards

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

[Harry]

Hi Donna,

I helped you adjust hero banner. Please add more code to make it work on mobile in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.vc_row.vc_custom_1599814288885 {
	padding-top: 20vh !important;
	padding-bottom: 3vh !important;
}
.vc_row.vc_custom_1599814621028 {
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}}

Kind regards

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

[Harry]

Hi,

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

.conv-widget-hh {
	max-width: 100% !important;
}

Kind regards

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