Jump to content

Removing extra padding on page block and changing color of link text

Go to solution Solved by Naomi-lifelab,

Recommended Posts

Site URL: https://lifelab.world/landing-page-sample-1

Hello Squarespace team,

I would need some help on removing the padding on a specific page and changing the color. I was able to change the height and color on the inspect tool. Please see attached photo on how it should look like. 


What it looks like now:1682899348_Footernow.thumb.png.6b9e6d47231404443ee22ed9c53e746d.png


As you can see I changed the min-height to 30vh which I really aimed for but am having difficulties placing the correct css code title;

Here are the codes I created for the removal of the padding

#footer-landing-page .Index-page .Index-page--has-image.  {
min-height: unset !important;
height: 30vh;


#footer-landing-page .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image {

I based the code from here: 



[data-section-id="623c79fdde26f30de2a12923"] { .Index-page .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image {


For the white text I created these codes:

1.) #footer-landing-page .Index-page .Index-page--has-image .sqs-block-html p a {
color: #fff;

2.) #block-623c79fdde26f30de2a12924 .sqs-block-content .sqs-block-html p {
color: #fff;

I am really confused on these. I feel like I am really close but I could not move forward. 😞

Thank you in advance for all the help!




Link to comment
  • Solution
5 hours ago, tuanphan said:


Still don't understand your request. What should it look like?

Hello @tuanphan
I was able to resolve it using this code on the height of the block

#footer-landing-page {
min-height: 30vh!important;

It didn't need any class how foolish of me. 😅 Thank you for extending your help on this. It took me days to figure this out. 

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.