Removing | lines between categories

Site URL: http://somedayaccessories.com

I just updated my squarespace to get the new features and I suddenly have a line across the page under my categories at the top of the page as well as | lines between the categories. I was using a code previously to remove these lines that worked perfectly before but doesn't seem to work at all now. 

previous code was 

/* Pre order */
.category-filter-item:nth-child(9) {
    order: 3;
}
/* Tees */
.category-filter-item:nth-child(7) {
    order: 7;
}
/* Sale */
.category-filter-item:nth-child(5) {
    order: 5;
}
/* All */
.category-filter-item:nth-child(1) {
    order: ;
}
/* Hide Line */
span.category-filter-delimiter.has-category {
    display: none;
}

I'll attach a photo for better detail but if someone could help remove these lines that would be amazing, it also appears that the 'All' option before the categories has disappeared which isn't the end of the world but I would prefer to have it if it's an option! 

Try changing that last rule to...

.breadcrumb-separator {

  display: none;

  }

Let us know how it goes.

Add to Home > design > Custom CSS

ul.nested-category-children:after {
    display: none !important;
}

22 hours ago, creedon said:

Try changing that last rule to...

.breadcrumb-separator {

  display: none;

  }

Let us know how it goes.

this worked to remove the lines between the categories, thank you very much for your help!

20 hours ago, tuanphan said:

Add to Home > design > Custom CSS

ul.nested-category-children:after {
    display: none !important;
}

 

this helped remove the random line above the photos, thank you so much for your help!