This is what the code shows for the out of stock item in the category view:
<div title="Added to cart" class="added-to-cart"><i class="fa fa-check-square"></i></div>
<div class="clear"></div>
</div>
</li>
<li class="product-cell box-product item odd">
<div class="product productid-11 out-of-stock not-available need-choose-options">
<div class="drag-n-drop-handle">
<span class="drag-message">Drag and drop me to the cart</span>
<span class="out-message">Product is out of stock</span>
<span class="choose-product-option">Choose the product options first</span>
</div>
do I insert a line into the custom CSS box for the ui-state-disabled?
It also dimmed in the "recently viewed" box as well when it was working, so I didn't know if there was something I needed to add there too.