Remove product numbers in brackets

It looks like you’ve already fixed this with the following CSS:

.archive.woocommerce mark.count {
	display: none;
}

If you’re still seeing the count, you may need to clear your browser cache.

It’s odd though, I’ve had this set up for a long time now – months, but sometimes it still appears, sometimes it doesn’t. Nothing to do with clearing cache, I’ve cleared it a zillion times since I set up the CSS! Any ideas what might be causing this spooky residual effect?!

That is odd! I just opened the Shop page again, and now I’m seeing the count, and the product is no longer centered! I tried it in two different browsers and both show the same thing.

When I look at the files loaded currently, the CSS I noted above is not in either:

https://outsource-typing.com/wp-content/themes/avant/style.css?ver=1.0.3

or

https://outsource-typing.com/wp-content/themes/savant/style.css?ver=1.0.3

I would look in your local copies of those two files for the string:

.archive.woocommerce mark.count

and see if you can find it in either. Alternatively, you may have added that CSS in Appearance -> Customize -> Additional CSS.

Once you find out where the code is supposed to be, we may be able to determine why it’s not showing up intermittently.

I did add it in Additional CSS – I have no idea what I’m doing adding CSS code, can you help talk me through me where it needs to be added?

The reason I asked where you added it is that I’m trying to determine why it’s not showing up. Since you added it in Additional CSS, I’m thinking that something, perhaps a plugin or your theme, is interfering with it being loaded. If it were in a stylesheet, I would have been thinking more along the lines of some caching issue, either at the server level or maybe with a content delivery network (CDN) serving an old version of the file(s).

I am seeing the page with the correct CSS now, and I can see where WordPress has loaded it.

Since we’re dealing with the CSS coming from Additional CSS, maybe something is blocking it. If that’s the case you might be able to discover what’s doing it by disabling all your plugins except WooCommerce using something like the Health Check Plugin, which allows you to test a live site with plugins disabled and a default theme without affecting the site for your customers. You could then enable one thing at a time and test to see which one causes the problem. However, we already know the problem is intermittent, which makes such an approach really difficult; it might make something look responsible when the CSS would be loading anyway.

The other option is to abandon the Additional CSS utility, and add all the CSS that’s currently in there into your child theme’s stylesheet. Putting the CSS in your child theme’s stylesheet will prevent it from being overwritten when the parent theme is updated. Using a stylesheet instead of Additional CSS might solve the problem. I’d say it’s worth a try that way as it’s less work.

To try the child theme stylesheet approach, you’d simply copy all the CSS you’ve added into Additional CSS and paste it at the end of the file /public_html/wp-content/themes/savant/style.css, which appears to be your active child theme.

Next, delete the content in the Additional CSS field. I’d save that CSS in a text file on your PC somewhere too for safety sake.

Finally, clear any caching plugins you’re running, and check the results.

Thanks so much – I’ve made the changes suggested and cleared plugins cache and internet cache and it all looks great. Could you check it for me to make sure it’s not just an illusion?! I’m sure it’ll be fine though.

Any idea how I can centre the products listings on this page: https://outsource-typing.com/product-category/e-books/ They are left-aligned, but ideally I’d like to centre both of them. I imagine I’d need to add some new CSS for this page in particular?

After I cleared my browser cache of your previous stylesheets, it worked for me consistently, never showing the product count in ~five page loads, so I think that worked, but with an intermittent problem, only time will tell. ??

The alignment of the products on your category pages is dependent on the number of columns you have set in Appearance -> Customize -> WooCommerce -> Product Catalog -> Products Per Row. You could set it to two, which would use larger images and center the two current products, but if you ever add products, you’ll have to adjust the column setting accordingly.

If you need to change the column setting on a page-by-page basis, there are several options described in the docs. You can do it without an extra plugin as you already have a child theme. Which route you go depends on what you want to accomplish, but it looks like you may only have two products, in which case just setting the column count will work?

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.