Unwanted padding can't reduce

Too much extra container/padding space from the code block which cannot be reduced or removed?

I added a blank section, and imported the code correctly but it displays too much white space below (and top and bottom if it’s aligned wrongly), but no matter what I do, the extra space in the section is there.

And I cannot reduce the section space any more in Squarespace.

What’s the problem?

1 Like

Happy to see you in our Community, @John-Paul :wave:

This issue is caused by the peculiarities of the Fluid Engine editor. The good news is we have a special article dedicated to this issue - Why my widget has an extra padding on my Squarespace website.

Please follow the steps described in this article and let me know if it helped :slightly_smiling_face:

That does really help and has solved it - thank you so much!

I had another question if it’s okay to ask here, I tried to use code to change the font of a widget (events calendar), to use sofia pro (sofia-pro), but it didn’t work. The code is correct because I can change the font to something else in it, but not Sofia Pro.

Any ideas why?

1 Like

Hi there, @John-Paul :wave:

I see that you were trying to change the font of the popup and button elements. Do you want to apply the Sofia Pro font to all widget elements or only to the mentioned ones?

Only to the Events Calendar widget in that particular project.

1 Like

I mean the elements of this particular Event Calendar widget. You were using CSS codes for changing the font of the button text and text in the widget’s popup:

Would you like to apply set the Sofia Pro font only to these elements (popup and button) or to all Event Calendar widget’s elements?

To all of it, so Sofia Pro is the only font in that widget for any element.

1 Like

I’ll check it with the devs and will get back to you a bit later :slightly_smiling_face:

Brilliant, thank you I appreciate your help!

1 Like

@John-Paul I’ve replaced the previous code with the new one and everything seems to be working fine now:

.eapp-events-calendar-events-calendar-component{
font-family: sofia-pro;
}


Check it out and let me know if it’s fine now :slightly_smiling_face:

Looks great - thank you so much!

2 Likes

It’s my pleasure :wink: