Remove "sold out" bubble from thumbnail - Dawn

[Dodos]

Hello,
I want to remove the green sold out bubble on the bottom of my thumbnails on the collection page. However, I can’t seem to get rid of it.

I have tried these three lines of code (indiviually):
.product-badge .product-badge-unavailable {display: none;}
.collection-list .product .badge–sold-out {display: none;}
.collection-list .product .pl-image{display:none;}

I put them in theme.liquid and in base.css as i do not have a Theme.css.
website is: p-ack.com

[xtrend]

please try

.card__badge { display:none !important; }

[Dan-From-Ryviu]

Please add this code to theme.liquid file, under tag in Online store > Themes > Edit code

[Luckyclover316]

Dan-From Ryviu,

Can you help me with a problem I am having with my Dawn theme? I can pay you if needed. It is a separate issue but should hopefully be easy for someone that knows what they are doing

[Dan-From-Ryviu]

Sure, please let me know your issue and your store link?

[Luckyclover316]

Thank you my store is:

https://www.luckav.com/

PW is Lucky

I want my product in the collection to look like this. With the description and add to the cart right of the product image instead of below. I have tried many things but have not been successful

[Dan-From-Ryviu]

Is this ok with your store?

[Luckyclover316]

Yes, that would work, Thank you!!!

[Dan-From-Ryviu]

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag

[Luckyclover316]

Thank you so much! I will send you some money for your help!

[Dan-From-Ryviu]

You are very welcome

[Luckyclover316]

I have one more question actually. I want to move the price above the add to cart and then move the add to the cart to the right. I am close but have a feeling I am missing something in the CSS file or Liquid. How can I move the cart more right and price above it so they are always aligned.