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

Search the Community

Showing results for tags 'font'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.bethlehemsynagogue.org/photos-archived Hi there everyone! Who's excited!? Squarespace made it possible to display captions on gallery pages! Woohoo! Wondering if anyone knows how to change the styling of gallery captions. Specifically the font and font size, but would also love to know how to change positioning, etc. Thank you in advance!
  2. Hi, I have added custom css as follows as I want to add my own font advio, advio light and advio bold I think I am missing something ? Please please help @font-face { font-family: 'advio '; src: url(https://static1.squarespace.com/static/608b0c3418410c10668c835e/t/608b0eedae3e6753de15e544/1619726061842/Advio.otf); } @font-face { font-family: 'advio light '; src: url(https://static1.squarespace.com/static/608b0c3418410c10668c835e/t/608b13ebf495983e07ab5aa5/1619727339238/Advio+Light.otf); } @font-face { font-family: 'advio bold '; src: url(https://static1.squarespace.com/static/608b0c3418410c10668c835e/t/608b1203f7d01333461ecee0/1619726851459/Advio+Bold.otf) } h1 { font-family:'advio'; } h2 { font-family:'advio light'; } h3 {font-family: 'advio bold'; }
  3. Site URL: https://www.fruitfulland.co I am having a similar problem, where the custom font named vintage is displaying on desktop but not on mobile, what am I doing wrong?
  4. Site URL: https://city-ants.squarespace.com Hi everyone, I have the weird problem that the colours of body text in my live website look different then the ones in my building environment. I added a bit of custom code to change the form block and hide navigation, but when that code was added problem didn't occur, it only started later on. I added screenshots of both versions and added the piece of custom code. The problem also appears below (which it didn't do before). Custom code inserted: (1) Custom CSS .form-wrapper .field-list .field .caption { font-family: poppins; font-size: 4px; color: #FFFFFF; letter-spacing: .em; } .form-wrapper { border: 2px solid #FFA400; padding: 20px; background: #FFFFFF; } .form-wrapper .field-list .field .field-element { background-color: #FFFFF; border: none; border-radius: 4; } .form-wrapper input[type=submit] { transition: all .6s ease 0s !important; } .form-wrapper input[type=submit]:hover { background-color: #FFA400; } (2) Header CSS <style> .header-nav, .burger-box { visibility: hidden; } /* First name */ .field.first-name .caption-text { visibility: hidden; } .field.first-name .caption-text:before { visibility: visible; content: "Voornaam"; } /* last name */ .field.last-name .caption-text { visibility: hidden; } .field.last-name .caption-text:before { visibility: visible; content: "Naam"; } We're in the newspaper tomorrow and this happened only after a couple of days of working on it, appreciate all the help! Kindest regards, Oberon
  5. Site URL: https://www.everettfitch.tv/prints Hi there, I need help changing my product pages and subpages to a custom font. Here's the link: https://www.everettfitch.tv/prints https://www.everettfitch.tv/prints/wild-horses-no-23 And screenshots attached. I would like all the fonts to be the same. The incorrect fonts are the smaller font types under the pictures "from $100.00" , in the drop down menus under "size" and "quantity" as well as the add to cart font. Thanks! Everett
  6. Site URL: https://fundacion42.org Hi! I am using a custom font named 'Space Grotesk'. I have succesfully uploaded this font by CSS code into the site, and it is working for headers, paragraphs and buttos. But I haven't been able to make it work for the navegation menu. I will paste the CSS code I am using: @font-face { font-family: 'Space Grotesk'; src: url('https://static1.squarespace.com/static/57bb1b5e59cc68374d95e818/t/6080799bbb54e72b94e23c28/1619032475894/SpaceGrotesk-VariableFont_wght.ttf'); } h1 {font-family: 'Space Grotesk';} h2 {font-family: 'Space Grotesk';} h3 {font-family: 'Space Grotesk';} p {font-family: 'Space Grotesk';} /* navigation */ .header-nav *, nav.header-menu-nav-list * { font-family: 'Space Grotesk'; } /* button */ .sqs-block-button-element { font-family: 'Space Grotesk' !important; } I also tired this code for the navigation /* navigation */ nav#mainNavigation span { font-family: 'Space Grotesk' !important; } If any of you have an idea to fix this, I would be very grateful :D
  7. Site URL: https://www.zacharyadesign.com/zacharya I am trying to create another page that is similar to this: https://www.zacharyadesign.com/zacharya, but with different photos. How can I add the white font on top of the photos in the left upper corner on photos of another page?
  8. Site URL: https://gregorylassale.com I uploaded a custom font to SS and managed to apply it to all headings and paragraphs, but a lot of elements are still not included i.e. all cover page text, all buttons, accordion tabs text, contact form text, etc. Is there a quick way to apply the custom font to all site elements with CSS, or do I have to look up and target individually all those elements? I really wish SS made uploaded fonts available via Site Styles... Thanks
  9. Site URL: https://candyfusionarts.com/ I tried to use a font Argos2b which is not in the Squarespace. I tried these (as the pic attached) but not working. Please help me! Thank you!
  10. Site URL: https://canluca.top/test Hello, I have a question concerning special characters: My crews and my moniker both include Λ as a special character and while mobile devices render it properly as "one font" you can see that the web version loads a different type of Λ. Has it something to do with the font I chose or rather with the character set that the web version renders? Thank you very much
  11. Site URL: https://aaronredfieldnew.squarespace.com/ pw: chickenwings I am trying to change the words "Collaborations" to a yellow and "About" to a brown -- but it looks like links all stay the same. Can you separate the main color per font size change these to be multiple colors? Also, I want to change the paragraph spacing to make the words closer to each other on this home page? Thanks! @bangank36 ?
  12. @tuanphan wondering if you can help with this image below. I have searched the web and tried everything to attack the descriptions next to the checkbox in the form block on our site. I have the custom fonts added in CSS already and its working on the rest of the form but this is the only section that i cannot target.
  13. Site URL: http://themaximumexposure.com/magazine Hello, I am trying to change all of the fonts (headers, body, post date, etc.) on this specific page to Courier Std. What is the simplest way to go about this? Forgive me if this has been asked many times before, but I could not find a thread that answered this question in the way I needed it to. Thank you!
  14. Site URL: https://gregorylassale.com I'm considering changing the design of my intro page in a way that would would entail changing the font color to white (text and button). I've tried targeting the block IDs and the section but nothing's working so far. How would I go about it? Brine family template 7.0 . Thanks.
  15. Hi there everyone, I've added some custom fonts in the "Custom CSS" area, and only one seems to be working correctly. I added Cinzel Decorative and Cuprum. The Cinzel Decorative is used for the Title of the site, the header, and navigation buttons. I would like Cuprum for the rest of the site (everything else!), but when I change the font in Site Styles, nothing seems to change. I've added a picture for reference - hopefully it's an okay size and clarity. What should I try? Thank you, Kindly, Adriana
  16. Site URL: https://dove-gerbil-lksj.squarespace.com/ I would like to edit the font size for some H2 text on the home page. I've used this HTML code to edit the font size: <h2 style="font-size: 55px !important;text-align:center;">YOUR HOME FOR YOUTHFUL, RADIANT SKIN</h2> Which looks great on desktop, however, on mobile, the text is far too large. I would like to be able to set a specific size for this text on mobile (without affecting the rest of the page/site). I tried adding this custom CSS which targets the font size for that particular section of the page using collection ID: @media screen and (max-width: 640px) {#collection-602a0859e785d50698eb3bb5 h2 { font-size: 40px;}} However, this doesn't affect the text that I need it to (it only works for H2 text using a text box). Does anyone know how to set a specific text size for desktop and mobile without affecting any other sections on the page/site?
  17. Site URL: http://buyforthegood.com I am having an issue with the Quick View font color on my site. I'm not seeing a color theme edit for Quick View. The font is all white and I need it to be black.
  18. Site URL: http://dram.app Hi, I'm using some custom typefaces in a couple of forms. My site is based off the Passero template. http://dram.app The password is iloveBeer22! The preview of mobile on web browser shows the fonts as they should be however when I check on my mobile device are not correct as seen in the image below: They should look like this: Any ideas? This is the CSS i'm currently using: .form-wrapper { background:#efefef; padding:25px; border-style:solid; border-width:1px; border-color:#9b9b9b; } .form-wrapper .field-list .title { color: #0f1c0b; font-family: karla-bold !important; text-align: left; text-transform: sentencecase; font-weight: 200; font-size: 16pt; letter-spacing: .02em !important; } .form-wrapper .field-list .field .field-element { border-style:solid; border-width:1px; border-color:#9b9b9b; border-radius: 0px; background: #ffffff; } .form-wrapper .field-list .field .caption { color: #9b9b9b; font-family: karla-light; text-align: left; text-transform: uppercase; font-weight: 300; font-size: 10pt; letter-spacing: .0.5em !important; } THANKING YOU!!!!
  19. Hello, I have succeeded in changing all heading and paragraph text to my custom css font, but cannot change the actual "header" font? I have tried a few different codes that I've seen on some of these forums but nothing has worked. I'm wondering if there is anew way or updated code please?
  20. Trying to add a custom font on Squarespace. By licence, it can be used on my website but it must be embedded. I have the option to manually add via Design- CSS Editor but I want to know if I followed this step (see link below), if it will be embedded on the site and therefore protected? https://squaremuse.com/blog/how-to-upload-custom-fonts-squarespace Other option is to follow the instruction the font provider sent to me as per below: 1. Upload your Kit Upload the contents of the Kit to your server. This is typically done using some type of FTP program — the same way that you upload images and other files to your website. Typically it is easiest if you upload all the files and folders to the root folder of your site. You can alternately create a subfolder (or use an existing one) and put the Kit there, put them wherever you want. Be sure to make note of the location you'll need it in step two. Note: You do not need to upload the StartHere.html file or the Start_here_files folder. 2. Edit your site Include a reference to the Kit. Locate the XXX.css file in the Kit’s main folder. You should place a reference to this file in the head section of your website’s HTML code. Make sure that the reference appears on all HTML pages of your site. This will link the webfonts from the Kit to your website. If you uploaded the Kit to the root folder of your site, then you can just copy and paste the code below into your site's head. If you uploaded the Kit to a subfolder, you’ll need to adjust the path to the font files in the XXX.css file. <!-- /** * @license...> In point 1 requiring kit upload, where precisely am I able to upload the kit? and where acn I upload the licence details in the head section of my website's HTML code? Any help on this would be greatly appreciated!
  21. I am using SS 7.1 and can't find how to update the size of the font in slideshow captions. They are very small (see attached image). Also, I would like to change the color of my H1 font. Is that possible? Oh and I am using the Clove Therapy template. Thanks for help!
  22. Site URL: https://www.everettfitch.tv Hi there, I need help with my mobile menu. I use the Avenue Template. I have all the font changed on my mobile site except for the subfolder "Photography". Can you help me with this? Here's my website: https://www.everettfitch.tv I've also attached some screenshots. As you can see the only font that's different is "Photography" which is a folder. I need it changed to match the rest. Thanks, Everett
  23. Site URL: https://hrmoovs.squarespace.com I added a custom font (Campton) to my website but when I view the website in a different browser or on my phone the font is changed. The website password is: hrmoovs This is the code: @font-face { font-family: 'Campton-Medium'; src: url('FontURLhttps://static1.squarespace.com/static/6073041b34a99572c82020ba/t/60755b23b9f4ec5efadb0912/1618303779397/Campton-Medium.ttf'); } h1 {font-family: 'Campton-Medium';} h2 {font-family: 'Campton-Medium';} h3 {font-family: 'Campton-Medium';} p {font-family: 'Campton-Medium';}
  24. Site URL: http://www.elisabethschotte.com Hi, I have trouble with changing the font size of my shop naviagtion ("sort by category" etc.) , it is a little too small at the moment. It does not seem to be connected to heading / paragraph / misc. sizes..?
  25. Site URL: https://boyopress.com/store I am trying to reduce the font size on the word "Store" but can't seem to do it through normal Design ---> Font panel. Does this require special code injection?
  • Create New...