Home Forums Themes Support Claue Change Style

Topic Resolution: Resolved
Viewing 6 reply threads
  • Author
    Posts
    • #14305

      Hello,

       

      Is there a way to change the “Filter” button to look like the button on the attached screenshot?

      It would require removing the default sorting etc but willing to do that.

      Thank you,

      Michael

      Attachments:
      You must be logged in to view attached files.
    • #14313

      Hi,

      Please add custom css

      .result-count-order a {
      background: #e74380;
      color: #fff;
      padding: 0 20px 0 15px;
      line-height: 36px;
      border-radius: 2px;
      }

      .result-count-order a i, .woocommerce-ordering { display: none;}

      Best regards

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

    • #14315

      Thank Harry,

       

      Have another couple of questions. Hope you don’t mind but will create new posts.

    • #14538

      Hi Harry,

      With regards to this is it possible to have the “Sorting” underneath the Sort & Refine button?

      Miss the option of being able to adjust by price, default, random and newest?

      Thank you,

      M

    • #14562

      Hi,

      Please change the code

      .result-count-order a i, .woocommerce-ordering { display: none;}

      to new code

      .result-count-order a i { display: none;}

      Best regards

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

    • #14571

      Hi Harry,

       

      Is there a way to have the “Default Sorting” under the Sort and refine?

       

      More so for mobile?

       

      Thank you,

       

      m

      Attachments:
      You must be logged in to view attached files.
    • #14589

      Hi,

      Please add custom code

      @media only screen and (max-width: 480px) {
      .result-count-order .flex.between-xs.middle-xs {
      display: inline-block; width: 100%;
      }
      .filter-trigger {
      margin-right: 0;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      }}

      Best regards

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

Viewing 6 reply threads

You must be logged in to reply to this topic.