Hide Categories Under Product

Hey Nick ??

Thanks for reaching out!

It looks like product categories are being displayed below each product on the Shop page, and you’d like to remove this, correct?

There is more than likely a setting within the current theme or another plugin (possibly a page builder plugin) that may be causing this.

However, you can hide this by using some custom CSS. Can you try adding the following CSS to Appearance → Customize → Additional CSS and see if this does the trick:

/* Hide product categories below products on shop page */
ul.products li.product .posted-in {
	display: none;
}

When applying this CSS, it’s important to test the changes on mobile devices to ensure they render correctly and maintain responsiveness with your current theme.

If you’d like to learn more about CSS, I highly recommend using the?free tutorials at w3schools. Here, you can find the basics of?selectors?(how to target the right element on the page), and?properties?(how to change the element on the page).

Hope this helps!

This works like a bomb thank you very very much!
Do you know how i can align my products so they look neater and in form?

Can see from link below how the add to cart and select options are zig zagging

https://stagingjan.clicknplant.co.za/product-category/vases-and-more/

Hey @clicknplant,

Glad that did the trick!

Do you know how i can align my products so they look neater and in form?

Can see from link below how the add to cart and select options are zig zagging

Ah, I see what you mean. It looks like Product titles that move to a second line are causing the misalignment here. One workaround is to change the font size so that the Product titles stay on one line.

There may be settings within your theme that allow for this specific change however, the below CSS should also do the trick. It seems anything above 10px moves to a new line:

/* Adjust Product Title Font */
ul.products li.product h3,?ul.products li.product .woocommerce-loop-product__title {
font-size: 10px !important ;
}

Here are the expected results once the CSS is applied:

If this doesn’t work as expected on your end, or if you prefer to keep the font size to what it currently is, it may be best to reach out to the theme developers for the current theme you are using to see if they have a solution.

Cheers!