Jump to content

Footer custom font size

Recommended Posts

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!

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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;
}
Link to comment
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

image.thumb.png.1d3f346370c39e742565ae6a7a32d1c0.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

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;
}

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.