Jump to content

Customize MindBody reviews widget - too much padding in iframe

By lara_e, in Code Blocks

Go to solution Solved by tossup,

Recommended Posts

lara_e Level 5

lara_e

Posted
Posted

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 399
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

  • Solution
tossup Level 4

tossup

Posted
  • Solution
Posted

@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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources