CSS - Hide a Class On Specific Product Page

[Rizzzle]

Hello,

I'm looking to hide a div with the class asigned to it "mycustomclass" on a specific product page. That product page is "product-id-1281"

I've tried the following:
#product .product-id-1281 .mycustomclass {display:none!important:}

Yet it isn't working. Could anyone help me please?

Thank you

[ventura]

try like this

#product.product-id-1281 .mycustomclass {display:none!important;}

 

[Rizzzle]

On 8/30/2023 at 5:51 PM, ventura said:

try like this

#product.product-id-1281 .mycustomclass {display:none!important;}

 

Thank you for the reply, ventura. I really appreciate it.

Unfortunately, it's still not working. I can't figure out what I'm missing. *scratches head* It must be possible. Have flushed cache etc.

[ventura]

In principle it should work correctly, in fact you can first try directly in the browser console. It may be a problem or error with the product id or the name of the class, or the .css file where you are adding the code.

[Santietsit]

On 8/30/2023 at 5:51 PM, ventura said:

try like this

#product.product-id-1281 .mycustomclass {display:none!important;}

 

It worked for me, many thanks!

[dnk.hack]

Quote

#product.product-id-1281 .mycustomclass {display:none!important;}