Woocommerce product Shortcode Not Displaying Correctly

Hi there,

I’d like to add a single product by using the product shortcode with its ID for example: [product id=”5588″] but the product only displays at 24.25% of the layout builder column width.

If I edit the following CSS in Google Developer/Sources it works (changing the width to 100% but if I make the CSS change in the styling section of the theme, a child theme, or change the theme file where the CSS is found it doesn’t change.

(theme file: wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css?ver=4.9.8)

div .products .product {
width: 100%!important; /*—width: 24.25%; doesn’t work–*/
}

Do you have any suggestions? I’ve provided a link the in the private content. Thanks!