Masonry Blog Feed Question

Hi,
Sorry for the very late reply, first I would point out that you don’t have to have the current sort title showing on the left, changing to Yes, display sort options will remove this and only show the sort breadcrumbs on the right, but centered.

So assuming that you do want to keep the current sort title on the left, and change the “All” to “UFCW5” on the right, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #av-masonry-1 .ufcw5_sort_sep,
#top.home #av-masonry-1 .ufcw5_sort_button {
	display: none !important;
}
a.all_sort_button > span > span {
	font-size: 0 !important;
}
a.all_sort_button > span:before {
	content: "UFCW5" !important; 
}

To change the “All” on the left when “UFCW5” is active we will need to add this custom script. Please try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
  	$("#top.home #av-masonry-1 .av-masonry-sort").each(function(){
  		if ($('.av-sort-by-term .all_sort_button').hasClass('active_sort')) {
 $('.av-current-sort-title > span > span').text(function(index, text) {
    	return text.replace('All', 'UFCW5');
 });
 } else {
   
 }
});
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the login, I added the first block of code above [css] to the WordPress > Customize > Additional CSS
this is what changes the sort on the right, and I updated and added the second block of code to your WordPress > Appearance > Editor > Enfold > functions.php this is what changes the “All” on the left.
This is the updated code:

function custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
  	savvy = {
UFCW5: function() {
  	$("#top.home #av-masonry-1 .av-masonry-sort").each(function(){
  		if ($('.av-sort-by-term .all_sort_button').hasClass('active_sort')) {
 $('.av-current-sort-title > span > span').text(function(index, text) {
    	return text.replace('All', 'UFCW5');
 });
 } else {
   
 }
  	});
}
};
savvy.UFCW5();
});
$('.all_sort_button').on('click', function(){
	setTimeout(function(){
	savvy.UFCW5();
	},5);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

This seems to be working correctly, please clear your browser cache and check.

Best regards,
Mike