https://kriesi.at/support/topic/enfold-theme-overriding-shop-loop-template/#post-245976
.woocommerce span.soldout, .woocommerce-page span.soldout {
z-index: 999999 !important;
}
.soldout {
z-index: 999999 !important;
font-size: 16px;
background: #FF0000 !important;
}
.woocommerce_before_shop_loop_item_title{
z-index: 99999 !important;
}
this is the custom codes i added to ensure that the icon stays on top of the image or it’ll be hidden
http://www.shopelegal.com/new-arrivals/ – working perfectly. however
http://www.shopelegal.com/dress/ – this is not working fine, cause if i didn’t set background to #FF0000 , itll be just plain fonts of sold out here.
Any helps?
Hi Kayzelmoo!
Thank you for using the support forum!
I saw your thread before this one so I’m going to post the same answer.
I checked the link (http://www.shopelegal.com/dress/) but I don’t see the sold out text. Please add it again, we’ll be happy to provide you with a possible solution after. If you don’t mind, please post a screenshot of how you want the “sold out” string to look like.
Cheers!
Ismael
Hi Kayzel!
I’m sorry but when I visit the link ( http://www.shopelegal.com/dress/ ), I don’t see the text. Do you mind redirecting me to the correct page with the sold out string?
Cheers!
Ismael
Hi!
Please go to WooCommerce > Settings > Catalog > Image Options and adjust catalog image sizes and then regenerate thumbnails.
Can you create an example on your page so we can check it?
Regards,
Yigit
Hi! Please do refer to my previous post, and see the pictures or do your need to inspect the elements??