Jump to content

Reduce the padding on an embedded script section and make blogs visible

Recommended Posts

Hi. I've been trying to fix this on my site
1.  Fixing spacing/padding  on my embedded opt-in form on the home page
2. Finding why some blogs are no longer showing on the website


I thought it would be a fairly simple CSS fix but it seems not to be that way. I'd like to roughly halve or remove the padding so that it matches the normal padding used throughout the page. The padding seems to be associated with the page section rather than the form itself.

Here's my website link: https://www.balancedbbs.com/

Looking forward to your help. Thanks!

Padding Issue1.jpeg

Padding issue2.png

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

It is space inside iframe tag (inside form), you can't control it from Squarespace. You try checking on the site where you got the form code, to see if they allow to use CSS code or not (If yes, I can check & give you code, then you can add to form from where you got the form)

image.thumb.png.ae990e114df0fc873cccdac93c344adc.png

but if you want to remove padding top/bottom a bit, you can add this code to Website Tools (under Not Linked) > Custom CSS

div#block-yui_3_17_2_1_1680701932999_8529 .video-caption-wrapper {
    display: none;
}
div#block-yui_3_17_2_1_1680701932999_8529 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.