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

Footer custom font size


oxmoserecords

Question

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
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

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
  • 0
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.

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
  • 0

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...