Skip to main content

Product Card CSS Class Additions

We have added the following CSS classes to the cards listed in Product Listing widgets such as List Layout Card widget so that an ATS can hide sections of the product if needed.

The following CSS classes have been added:

  • hapi__card-product-body--logo
  • hapi__card-product-body--type
  • hapi__card-product-body--title
  • hapi__card-product-body--link

For example, you can now hide the type of the product (Publication, Job Board etc.) as such:

window.hapi.ui.service.hideElement('.hapi__card-product-body--type')