Change the All filter title and re-order the filter bar

Elementor - Portfolio Filter Bar Hacks

/* Elementor Portfolio Filter Bar Hacks */

/* Hack 1 - Change or hide the 'All' filter */

/* Hide the Elements visibility */
.elementor-portfolio__filters li:nth-child(1) {
    visibility: hidden;
}

/* Add a different title in place of ALL */
.elementor-portfolio__filters li:nth-child(1):before {
    visibility: visible;
    content: "ChangeMe";
}

/* Hack 2 - Reverse the menu item order */

.elementor-portfolio__filters {
    flex-direction: row-reverse;
}

/* Hack 2.1 Switch items to different order */
/* This example will switch order 1,2,3 to 2,1,3 */

.elementor-portfolio__filters li:nth-child(1) {
order: -2;
}
.elementor-portfolio__filters li:nth-child(2) {
order: -3;
}
.elementor-portfolio__filters li:nth-child(3) {
order: -1;
}

Thank you so much for saving the day.

Thank you so so much!!!

Thank you! So stupid that this can't be changed in Elementor.

Hello ! Does this still work ? Is it supposed to be in a page custom CSS ? Thanks a lot ! 👍

Hi!

Thank you, but does not work to eliminate the all when its a change name, its get stick following the new name, like this: changethenameall, can you get me with this please? If a eliminate the all i can not show the new word.

Thank you so much

Sorry my mistake! I get it, all good thank you!

Sorry my mistake! I get it, all good thank you!

How did you do?