Remove product number counter - Trade Theme

[golazocases]

Hi, I would like to remove the product number counter on the collections page and the filter dropdown list (please see attached)

The theme is Trade and URL is golazocasesuk.myshopify.com

thanks

[Rahul_dhiman]

Hello @golazocases
Go to online store ---------> themes --------------> actions ------> edit code------->assets —> component-facets.css----> line number 1084
search this code

.product-count {
align-self: center;
position: relative;
text-align: right;
}

and replace with this code

.product-count {
align-self: center;
position: relative;
text-align: right;
display: none !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[golazocases]

Thanks but on desktop the sort by is now far away from the filter, is there any code which can put the sort by closer together on the left? Hope this makes sense, see attached for reference. Also on the filter dropdown it is still displayed the numbers next to the filter options. Can I remove this also?

[BSS-TekLabs]

• Here is the solution for you @golazocases
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

@media only screen and (min-width: 600px) {
.facets__form {
    display: inline-grid !important;
    gap: 0 !important;
    grid-template-columns: 1fr 1fr !important;
    margin-bottom: .5rem !important;
}
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[golazocases]

Thanks, this has worked. But how can I now remove the product counter? On mobile and desktop when I click on ‘club/country’ numbers appear next to the options. I would like this all to be removed.