How do you add custom woocommerce css to your style css?

Hello all… heres my problem:

There is some WC Shop Meta/ Login Widget on the top right of my header banner which displays (when logged out) ”Customer Login” and ”Basket Items”.

However, when logged in it displays:
”Howdy, User” and ”Basket Items”

When im logged into wordpress I can edit the widget font by using a Font editing plugin (Font by Paweł Misiurski). But, I want to also be able to edit the ”Customer Login” font which is only displayed when Im logged out of wordpress, therefore I cant use the font editor as you have to be logged in to use this.

I figured I will have to edit the woocommerce.css. Ive disabled woocommerce styles and copy pasted the woocommerce.css code (not minified) into the style.css of my child theme. It has had no effect. (I didnt add or remove any other code, just simple copy-pasted it)

This is driving me crazy, I need customers to be able to see the ”Customer Login” font clearly.

This is hard to explain, you can see what im on about here:
http://www.tiqueabouclothing.com
The top right, in a light grey is the customer login, next to the basket items.

Oh, and ive been using Firefox web developer css editor to make real-time changes, so Ive edited the css correctly to achieve what I want (its only a colour and font size change)…
It just doesnt seem to have an effect when copying the code into the style sheet.

Can anyone give step by step instructions on how to add in the customised woocommerce css to the style css? Somebody on another thread said you have to enqueue the css your adding, if so how do you do this?

I know very little about code, php, css… im really struggling, this looks like it should be so easy to sort out, but if you dont know how (like me) its impossible.

Thanks in advance for any help or suggestions!