Centralise 'number of products' in a collection?

[MarkTeo1986]

I've just noticed that for some of our collections, the 'X products' text seems to be centralised and for others it is aligned left:

  

This isn't something that we've consciously done so I suspect it might be an unintentional side-effect of some earlier work. Ideally we'd like to have them centralised throughout, but I can't see a setting for this anywhere. How can we achieve this?

[Vikas_Chovatiya]

Hi @MarkTeo1986 

Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community! and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.

[MarkTeo1986]

Hi,

The site URL is https://www.proraso.co.uk/

[Vikas_Chovatiya]

Hi @MarkTeo1986 

your store is password protected please share front password 

[AvadaCommerce · Accepted solution]

Hi @MarkTeo1986 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

.filters-toolbar__product-count {
    display: block;
    text-align: center;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.