Jump to content

My footer has gone weird!?

Recommended Posts

This code make your footer change a lot.

image.thumb.png.0a0372922732bdd3d1442565979250a3.png

You can try the following code to overwrite it

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Let me know how it works

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.thumb.png.9f6fc7cafffdc7a76cd9bae2b3280b51.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
2 hours ago, bangank36 said:

This code make your footer change a lot.

image.thumb.png.0a0372922732bdd3d1442565979250a3.png

You can try the following code to overwrite it

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Let me know how it works

Hello thank you so much for your fast reply. Do you know where the code is located? I can't find anywhere that it is?

Link to comment
4 hours ago, Trishyeah said:

Hello thank you so much for your fast reply. Do you know where the code is located? I can't find anywhere that it is?

Design > Custom CSS

squarespace-add-css2-min.png

Edited by tuanphan

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
12 hours ago, tuanphan said:

Design > Custom CSS

squarespace-add-css2-min.png

I've taken a look and there's no mention of footer or clear in my custom CSS though. I've had a look through there, and the pages header code injection, and the sites code injection too.

I can't find anywhere to change this.

Link to comment
On 9/2/2022 at 7:46 AM, Trishyeah said:

Hello, hoping you can help me find this code. I've looked in CSS, in the page inject code, in the advanced code injection, I can't find it anywhere. What am I looking for and do you know where I could find it? thanks so much

Hi,

It looks fine on above - about page. Can you explain in more clearly?

https://chromatical.com.au/about

image.thumb.png.49712668492e09ca389f60c7ee4d4fd2.png

your strategy page

image.thumb.png.9c21adeb4706580c444f8cb0a6abe820.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
  • 1 month later...

@Trishyeah CSS stands for Cascading Style Sheet.  It's the place where you add code to affect a site's appearance, not the way it "runs." It has no header, footer or other sections.  Any component of a site—like the footer—can be "formatted" here: adding code here "overrides" Squarespace's native code.

@bangank36 gave you CSS code to try—entering it into the CSS area of your site (Design>>Custom CSS) may solve your problem by overriding whatever the native Squarespace code is doing.  As CSS affects only "syles" (formatting and appearance, essentially), the code already inherently targets the footer.

@bangank36's code, again:

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Hope this clarifies.

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.