Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
YokoMorimoto

Tweaking Footer Width with CSS?

Recommended Posts

Posted (edited)

Site URL: https://www.yokomorimoto.com/

Hi all 🙂

So I inquired with support and apparently I picked a theme that doesn't allow my footer to stretch across the page. (Seriously, Squarespace?) I don't want to have to redesign the whole site in a new template as they suggested but can't figure out the custom CSS to include.

To be clear, I want the footer on: https://www.yokomorimoto.com/

to be centered like the footer on: http://www.mightykingdrew.com/

Any ideas, pls help!

THANKS

 

Edited by YokoMorimoto

Share this post


Link to post
Posted (edited)

Ishimoto template puts  footer content on the right and social icons on the left. I find that a bit unlikable, seems to leave a lot of blank space on the left. The footer is technically as wide as the header.  This will center it, if  all the content does  not center, let me know. You may need three pieces of code to do this, due to there are three blocks in the footer. This code goes into custom css. 

#block-yui_3_17_2_1_1594678857246_39083 * {
   text-align: center !important;
}
Edited by derricksrandomviews

Share this post


Link to post

#footer {
  max-width: unset !important;
}


#footerBlocks-1 {
  width: 100% !important;
  float: none !important;
}


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

It's not that they can't help. They just do not provide any external coding.

Just helping on this forum takes hours per day, and I pick and choose what I want to help with.

If squarespace started doing it, they would need to hire tons of people to keep up.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...