Jump to content

Embedded Scripts, Remove Extra Spacing/Padding

Recommended Posts

I've added a code block to the footer of a website, however, in Fluid Engine the Embedded Script block is adding additional spacing below the code that needs to be removed. Attached is a screenshot of the website footer, showing the extra space in black below the code. The black block should be narrow, preferably 1 row in height, not 8 as shown currently. The footer code used is: 

<div class="footer-copyright-statement"> <em> <p style="font-size:80%; text-align:center;"> Copyright &copy; 2022-<script>document.write(new Date().getFullYear())</script> Allen Brothers Cattle All Rights Reserved  |  <u><a style="color:#ffffff;" href="/legal">Legal</a></u>  |  Website by <u><a style="color:#ffffff;" href="https://www.generation6.co/">Generation 6 Marketing</a></u></p></em></div>

CSS
.footer-copyright-statement {
    height:150px;
    width:100%;
    padding:10px;
}

Thank you for any help or suggestions.image.thumb.png.92c28a793bd5233637c1ab7fd00ab84c.png

Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

First, edit 150px to auto

it should be

.footer-copyright-statement {
    height: auto;
    width: 100%;
    padding: 10px;
}

Next, add this CSS under

.fe-6392539aa792845493e861db {
    grid-template-rows: repeat(2,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor))", auto)) !important;
}

image.thumb.png.1931c773f0a171a632a73443a8aebca3.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/3/2023 at 10:44 PM, emily_gen6 said:

Thank you @tuanphan There's an error showing in the second group of CSS. 

Screen Shot 2023-01-03 at 10.43.02 AM.png

Ah, I placed " in wrong position, use this

.fe-6392539aa792845493e861db {
    grid-template-rows: repeat(2,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
10 hours ago, kakers said:

I'm having the same problem.

see the space under the footer. I assume it is for the copyright area but I don't know how to access it.

Screen Shot 2023-01-08 at 12.03.13 AM.png

What is site url?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/9/2023 at 5:42 AM, kakers said:

I just sent you an invitation, Tuan. I am still building it.

You mean contributor invitation? What is site url? I received quite a few invitations from members so I'm not sure which one is yours.

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/21/2023 at 4:26 AM, kakers said:

oh sorry-

the site is under construction

https://bny2.squarespace.com

and yes I sent a contributor invitation

The site is private. Can you setup an access password?

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.