Jump to content

Changing font size for trustpilot widget?

Recommended Posts

Site URL: https://www.physicsowls.com/


I've added the Trustpilot Widget to my site. Unfortunately at the Trustpilot site you can't change the 'font-size' it seems. It does offer the option to change the height of the widget but this doesn't change the size of the text automatically which seems a bit silly. I tried looking through the forum and tried this code but while this changes the font size of the text called 'trustpilot' in 'edit mode' it does nothing for the font size of the trust pilot text that shows up when saved and published:

//Home-page - Trying to increase the font-size of Trustpilot Widget//
div#block-yui_3_17_2_1_1652721180978_2633 * {
    font-size: 100px;

Is there a way to do this with custom CSS or is it a Trustpilot Widget issue? It just looks so small on the website and makes me wonder if there's a better and cheaper alternative to Trustpilot instead. 

Thanks in advance! 🙂 


Link to comment

I didn't notice before but on mobile view it's now too wide. I tried a couple of different code bits but am struggling to understand how to select the iframe in mobile view for the trustpilot widget to force it to scale so that it remains within the bounds of the mobile screen. 

@DV2 - do you happen to have any thoughts on what code I can use to fix that bit? 

Thanks in advance!

Link to comment

I should have thought to check for that. Let's try wrapping the CSS in a media query so it only scales up when the screen is large enough.

@media only screen and (min-width: 768px){
  .trustpilot-widget iframe {
    transform: scale(1.5);

There seems to be something else stretching the page just a little too wide (horizontal scroll bar appears) until you get to 1450px of screen width. I'm not sure what is causing it.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.