Shop page: remove price + center product title + make product title H2

[lobsterass]

Hi!

I would like to do this (see image) on my shop page:

1. Remove price.
2. Center product titles + category on shop page.
3. Make product title H2 class instead of current H3, without changing the look.

I’ve read threads about this, but this css doesn’t seem to work:

.list-best-sellers span.amount { display:none;
}
ul.products li.product .product-details {
float: none;
text-align: center;
}

Please help me!

<3

A

[Kyle – SUPPORT]

Add this to your custom css:

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  display: none;
}
ul.products li.product .product-details {
  width: 100%;
  text-align: center;
}

If you changed the h3 to h2, you would lose all of the css

– Kyle

[lobsterass]

Hi Kyle!

It’s starting look great on my shop page!

Thank you for the great help with everything. 🙂

So, you’re saying I can’t do the:

3) Make product title H2 class instead of current H3, without changing the look?

I don’t mind changing something in the WooCommerce PHP.

[Kyle – SUPPORT]

Yes, because all of the CSS that is used to achieve the look is only assigned to the H3. I know I have helped you with this previously, however I thought it would be just the once. It is actually beyond the scope of our support to help you change out a bunch of heading tags for SEO reasons, if you need to continue to do this, you will need to hire a developer to help you do so

– Kyle