Remove clear "selection" and "in stock" link

[skullo27]

Hi, I am looking to remove the “clear” link and “in stock” display that show just above the add to cart button. I added the below CSS, can you confirm this would be the right way to do this without affecting anything else? Also, I notice that when I select an option on a product variation, the add to cart button still moves down slightly, is there a way to stop it doing this?

thanks.

.reset_variations {
display: none !important;
}
.woocommerce-variation-availability {
display: none !important;
}
.single_variation_wrap .woocommerce-variation .single_variation {
display: none !important;

[skullo27]

Also, for single products without variations, how would I remove the “in stock” text above the add to cart button? Would the following be correct?

.woocommerce div.product p.stock {
display: none;
}

thanks.

[Mohammad – SUPPORT]

Hi,
Your code is correct to hide stock and variations use this code also:-

.variations_form .reset_variations {
  line-height: 0px !important;
}

Thanks
Mohammad

[skullo27]

Hi Mohammad, thanks for confirming.

Can you clarify what your addition piece of code does? I added it but still see the add to cart button move down slightly when I select a size variant.

thanks
Sam

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:

.woocommerce-variation .single_variation{
display:none !important;
}

Thanks
Mohammad

[skullo27]

Hi Mohammad, is that not the same as what I already added in the above post?

.single_variation_wrap .woocommerce-variation .single_variation {
display: none !important;

[Mohammad – SUPPORT]

Hi,
Please provide me login detail to check and resolve the issue.
Thanks
Mohammad

[skullo27]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue so please check it now.
Thanks
Mohammad

[skullo27]

OK thanks, seems fine now. did you just edit the following CSS? just in case I ever wanted to change it back…

/*remove “clear” selection link*/
.reset_variations {
display: none !important;
line-height: 0px !important;
}
.woocommerce-variation-availability {
display: none !important;
}

.woocommerce div.product p.stock {
display: none;
}

.single_variation_wrap .single_variation{
display:none !important;
height:0px !important;
margin-bottom:0px !important;
}

[Mohammad – SUPPORT]

Hi,
Yes, i edited the this css code.
Thanks 🙂
Mohammad