How can I set the display order for project filters (links)?

Hello
How can I set the display order for project filters?

For example, in the section “Our Work” http://demo.athemes.com/sydney/#pg-8-6 projects are arranged in order:

Landscapes, Nature, Sience

and I would like to set:

Nature, Sience, Landscapes

Thank you in advance for your help :slight_smile:

Hello there,

To do custom ordering, you’d use this plugin:

Regards,
Kharis

Thank You :slight_smile:
And maybe you know the trick to make “Show All” in the mouse over state? I mean that if all projects are displayed by default, then this “Show all” button would be red to show to the user that all projects are displayed ?

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .widget_sydney_portfolio [data-filter="*"] {
      background-color: #d65050;
      color: #fff;
    } 

Regards,
Kharis

Thank you :slight_smile: of course, great as all the solutions given by you :slight_smile:

Do you also have any idea if I can set that “Show All” returns to the original state when another (for example “Nature”) is choosen? Now both “Nature” and “Show All” are red.

Hello there,

Try doing these steps, please:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($){

      if( $('.widget_sydney_portfolio').length ) {
        $('.widget_sydney_portfolio a[data-filter="*"]').addClass('active');
      }

    })(jQuery);

4 . Update

Then remove the last CSS code I’ve suggested.

Flush site cache (if applied) before reloading your site.

Regards,
Kharis

1 Like

:slight_smile: Thank you Kharis - great support :slight_smile: I hope to show you a ready site soon :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Thank you for choosing Sydney.

Regards,
Kharis

Hello :slight_smile:
One more question, How can I set the “Show All” button at the end of the list?
Now is: Show All, Nature, Sience, Landscapes
and I would like to: Nature, Sience, Landscapes, Show All

“Show All” is not displayed where I can drag and drop buttons in the “Category Order and Taxonomy Terms Order” plugin.

Thank you for help :slight_smile:

Hello there,

To accomplish it, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .project-filter {
      display: table;
      margin-left: auto;
      margin-right: auto;
    }

    .project-filter li:nth-of-type(1) {
      float: right;
    } 

Regards,
Kharis

1 Like

Perfect :slight_smile: Thank you so much :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis