Jump to content

Customize MindBody reviews widget - too much padding in iframe

Go to solution Solved by tossup,

Recommended Posts

Hey, I have a mindbody reviews widget my clients want to use on their website. I cannot figure out how to reduce the white space that is part of the iframe. 

Any ideas would be so helpful. 

 

website https://ascentstrength.squarespace.com/ password ascent

 

The widget is 3/4 of the way down. I would also like to style the words Customer Reviews.

 

Thanks so much!

Screen Shot 2023-03-14 at 10.15.51 AM.png


Lara | Web Designer for Heart-Led Brands
🔗  Birch & Bud Design Co

 Say Thanks For The Help
📆 Book a Design Day and Skip the Tech Headache
📖
  My Favourite Business Resources

</> Standout Squarespace Member + Alum | Squarespace Circle Member

Link to comment
  • Replies 3
  • Views 314
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

@lara_e
If the iframe is embedded, you should check if there are any styles on the embedded iframe and change the "height" and "min-height" to something like 355px or whatever you think is appropriate.

Depending on how it's embedded these CSS styles may help, or not ¯\_(ツ)_/¯ 

 


iframe#iFrameResizer0 {
    height: 355px !important;
    min-height: 355px !important;
}

#iFrameResizer0.review-heading {
    font-size: 20px;
    color: #000 !important;
}

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.