Circle Icon Text – Custom CSS not working

Hey guys,

I’m a premium user of Vantage (WordPress) and am having difficulty with the Circle Icon Widget. I’d like the text size to reflect that of the rest of my site, but any attempts to use custom CSS don’t make any changes. I’m using the following code:

 /* Circle Icon Text */

.widget_circleicon-widget .circle-icon-box p.text {
color: #5e5e5e !important;
font-size: 20px !important;
} 

A test page has been set up on my site at http://www.bvrunners.org.uk/steves-test-bed-page/ .

When inspecting under Chrome’s developer tools, I am given the option to ‘deselect’ the font size (which remains at 13px even with custom css) which then defaults back to the site font size.

Any help you can provide would be greatly appreciated.

URL: http://www.bvrunners.org.uk/steves-test-bed-page/