Footer custom font size

Site URL: https://kazoo-bulldog-snp5.squarespace.com/

Hi everyone,

I am creating a new website via Squarespace platform. The template is Brine Family 7.0.
https://kazoo-bulldog-snp5.squarespace.com/
Password to access is: 1234

I have created a very simple footer (this is only text with links to redirect to different pages of the site) with the “text box” feature of Squarespace.

You can see the footer here for example with “terms / privacy / faq”.
https://kazoo-bulldog-snp5.squarespace.com/about

I would like to have a smaller font size in comparison to the rest of the site. The font size of the site is 18px. I would like to apply for example 15px.
However, Squarespace platform is applying by default the same font size for all the text of the website.

I will need to do some custom / I can have access to the edit code feature of the site or add a function of code for that.

Do you have any code suggestion for that?

Thanks a lot for your kind help!

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1580042281856_5537 a {
    font-size: 18px;
}

Hi tuanphan 🙂
Thank you for your answer. I have added the following code into :

Add to Home > Design > Custom CSS
With 14px to make a test. The footer size of the text is still the same size as the rest of the site. Did we miss something?

div#block-yui_3_17_2_1_1580042281856_5537 a {
    font-size: 18px;
}

11 minutes ago, oxmoserecords said:

Hi tuanphan 🙂
Thank you for your answer. I have added the following code into :

Add to Home > Design > Custom CSS
With 14px to make a test. The footer size of the text is still the same size as the rest of the site. Did we miss something?

div#block-yui_3_17_2_1_1580042281856_5537 a {
    font-size: 18px;
}

I see it worked here? just tested for 10px

This is the code I have in the Custom CSS:
I put your code with 12px but I still doesn't see any changes from my side.


 

.Header-branding-logo {
         max-width: 200px;
         margin-top: -1px;
margin-left: 20px;
     }

     /*Change newsletter block email input colors. Adjust color HEX values as desired.*/

     .newsletter-block .newsletter-form-field-element {
       border: 2px solid #FFFFFF;
       background-color: #000000;
         color: #FFFFFF;
     }
     
     .newsletter-form-field-element::-webkit-input-placeholder {
        color: #000000 !important;
     }
     
     .newsletter-form-field-element:-moz-placeholder { /* Firefox 18- */
        color: #FFFFFF !important;  
     }
     
     .newsletter-form-field-element::-moz-placeholder {  /* Firefox 19+ */
        color: #FFFFFF !important;  
     }
     
     .newsletter-form-field-element:-ms-input-placeholder {  
        color: #000000 !important;  
     }

.Mobile-bar.Mobile-bar--bottom {
  padding: 0;
}

     .product-quantity-input {
       display:none !important;
     }

.element::-webkit-scrollbar { width: 0 !important }

div#block-yui_3_17_2_1_1580042281856_5537 a {
    font-size: 12px;
}

I understand now, it's working only good 😉
Thanks a lot tuanphan !