Adding Child Theme to both Ribosome and WooCommerce

I have a site using Ribosome theme that also uses Woocommerce. I have create a child theme (which uses the same functions.php file that I am using successfully on a different WordPress Site), but I’m not seeing the changes (against Ribosome things) that I put in my child theme. The child theme shows that it loads if I inspect the code.

This is my style.css:

/*
 Theme Name:   PTBasketsChild
 Template:     ribosome
 Version:      1.0.0
*/

.woocommerce-loop-product__title {
	    font-size: .5em;
}
.entry-title { 
color: purple; 
}

h1 {
	color:purple;
}

And my functions.php

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
} ?>

The second question is since my child theme is loaded after the Woocommerce stuff (but before the Ribosome stuff), how is the child theme going to get priority over the Woocommerce file? Do I need a separate child theme for Woocommerce (as far as I can tell, I’m not using a theme of theirs)?

The page I need help with: [log in to see the link]