Change Font Family In One Widget on One Page

I’ll apologize in advance if this is a little scattered…

I recently downloaded the SO CSS plug in. Pretty good, but I can’t seem to alter font family, it always reads “inherent” and no matter how far I back out I can’t find where to edit it. (I’ve tried to figure out how to use the CSS class portion to edit just one widget but it never seems to work.) I am using the SO text editor widget for a testimonial I was hoping to have some more flexibility with that the testimonial widget:

I’d like to add some oversized quotations marks on either side of the quote to “bracket it” or add color and thickness to the boarder running down the left side. I could do this in Illustrator in five minutes, but I want to scale properly on all devices.

I also want to reduce the default padding from all sides around the button above that quote. Can’t seem to figure that out in SO CSS either.

Thanks in advance for the help!

(I used to be able to see my Premium Code in the Dashboard but I can’t since I updated
Should have been attached to this previous help topic:
https://siteorigin.com/thread/remove-default-padding-between-widgets-inside-of-a-row/)

URL: http://lionandluxe.com/competition-prep/