how to remove the sku from being listed on the product grid page debut theme

[Matt_Dubinsky]

I am looking to remove the sku from my collection grid pages,  I don't rember if this was something that I had added so if anyone knows the name of the file and what code to look to remove that would be great.  I am using debut theme

see the following image from this page to see a visual representation of what im looking to remove

https://chelseasbeads.com/collections/new-products

[suyash1]

@Matt_Dubinsky - sku do not have any unique class or id, I recommend to go to product item liquid file, add some unique class / id to sku and then using css we can hide it

[BSSCommerce-B2B]

Hi @Matt_Dubinsky 

You should try following the instructions below

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.scss.css and add this code snippet to the end of the file

dl:has(.product-price) {
    color: transparent;
    pointer-events: none;
    margin-top: -24px !important;
}

Result

If it's helpful, please like and mark it as a solution, thank you