Font color in selected variation swatch

[borami]

Hi Henry,

Hope you’re ok.

In my web when selecting a variation swatch the color of the font turn white and we could not see the size selected.

Is any way to turn it to black?

Thanks a lot.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

I check your site it now hide all products. Can you add some products so i can check.

Thanks

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

[borami]

Hi Harry,

Apologies, we are having issues with the BDroppy plugin (which import our catalog to our site).

I’ll let you know when we publish a product, I hope it won’t take long.

Thanks and regards.

[borami]

Hi Harry,

Products are already uploaded.

Also I want to ask you another question if I may.

Is regarding the BeRocket Ajax filter. One of the things I love most of that plugin is that it can create a sidebar with the filters. Is there anyway to use your filters button (the one located on top of the WooCommerce) to call that BeRocket sidebar instead of using the BeRocket button which appears on the left side on the top. (Pic attached)

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

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

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]

One more time, thanks again…

I’ve created the child theme and added the code as you recommended and now goes everything fine.

I don’t have words to express how professional you are and how grateful I am.

Hoping do not disturbing you more in the future.

Have a nice day.

[Harry]

Glad to hear all your issue resolve.

Feel free contact us again if you need more help.

Could you please go to this link https://themeforest.net/downloads and give us 5 stars rating.

Thank you and have a nice Sunday!

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

[borami]

Consider it done!

[Harry]

Thank you so much!

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

[Author]

Posts