Home Forums Themes Support Gecko Font color in selected variation swatch

Viewing 10 reply threads
  • Author
    Posts
    • #38452
      borami
      Supported

      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.
    • #38456
      Harry
      Supported

      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

    • #38468
      borami
      Supported

      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.

    • #38492
      borami
      Supported

      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.
    • #38497
      Harry
      Supported

      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

    • #38499
      borami
      Supported

      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.
    • #38503
      Harry
      Supported

      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

    • #38513
      borami
      Supported

      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.

    • #38514
      Harry
      Supported

      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

    • #38515
      borami
      Supported

      Consider it done!

    • #38516
      Harry
      Supported

      Thank you so much!

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

Viewing 10 reply threads

You must be logged in to reply to this topic.