Custom CSS for Products and Other Small Changes

I’m trying to limit the titles of my products on the Shop page to one line, I’ve seen a couple people say this bit of code would work:

.woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

But it hasn’t for me, I tried simply changing the font-size for .woocommerce ul.products li.product h3 which didn’t work either. I’m wondering if the problem is that .woocommerce ul… is no longer the correct class or something?

Another couple requests/things I’m trying to do are:

1) How would I resize Action buttons on a user’s Order’s page in My Account (View, Cancel, etc) or make sections/columns in the table wider? I have a decent understanding of CSS, but often struggle to parse through the WooCommerce code and determine what an element is called or where it is and thus how to change it.

2) The “Add to Cart” button when clicked and successfully adds to cart shows a checkmark, is there a way to make it so “Add to Cart” becomes “Added to Cart” when clicked and the product is added?

If these questions ought to each be asked in a separate post, let me know, but I figured they’re somewhat similar (small CSS changes, maybe Ajax or PHP in the case of “Add to Cart”) so I’d avoid clogging the thread with multiple posts. I appreciate any help