Customizing SocialProof plugin (SquareCertify) with CSS

Site URL: http://kdigitalstudio.com

I recently added SquareCertify with the Live Orders features to my Advanced Commerce site (allowing me to use the API keys). On the Peach's, I am able to customize the page position, initial delay time, show pop up for time, time between pop ups, and the duration of the animation. It also allows me to add custom CSS.

Does anyone know how I can customize the font, remove the "verified by SquareCertify" badge, etc.? I've gotten more familiar with CSS since building my website but am always learning new/different ways of working with CSS since using plug-in features like these.

ETA: I am on 7.0 Brine template btw!

9 hours ago, kds_on_ss said:

Does anyone know how I can customize the font, remove the "verified by SquareCertify" badge?

Hey K,

You should be able to remove "verified by SquareCertify" by adding this to Design > Custom CSS in Squarespace:

#squarecertify-widget-container a.sc-verified-link {
    display: none!important;
}

What other changes do you want to make?

1 hour ago, paul2009 said:

Hey K,

You should be able to remove "verified by SquareCertify" by adding this to Design > Custom CSS in Squarespace:

#squarecertify-widget-container a.sc-verified-link {
    display: none!important;
}

What other changes do you want to make?

Hi paul2009,

Thank you for this! Am I able to change the font type & size?

@kds_on_ss try this CSS

span.squarecertify-title {
    font-size: 30px;
    color: red;
    font-family: monospace;
}

Hi, I hope someone can help me. I want to hide the names of the customers with Squarecertify. 

2 hours ago, ceszalea said:

I hope someone can help me. I want to hide the names of the customers with Squarecertify. 

Have you contacted the authors of Squarecertify to ask them about this?

Their support email address is support@peachs.co

How can I change the font size of the text below the title for the social prof? I already updated the font size for the title.