Products: Reduce padding below price

Example:

After:

Code:

/* -- code start reduce padding after price -- */
.template-product .product__price { margin-bottom: 30px;}
/* - end - */

You can modify the value of 30px; to something you prefer.

Changing to 10px; will result in:

However, test that value on mobile. Be sure it's not too tight on mobile devices. Older versions of Pipeline may find the value will be too tight on smaller screens. 

If you'd like to leave mobile the way it is and only reduce the padding on tablet and desktop sizes, then use this code instead:

/* -- code start reduce padding after price on Larger screens only -- */
@include at-query($min, $medium) {
	.template-product .product__price { margin-bottom: 30px;}
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code