Search the Community

Site URL: https://grouper-star-jej6.squarespace.com/ Hello, My web designer has used custom code (Will Myer's) to get the look our company wants for the site. However, we are finding discrepancies in font styles and size between Macs vs. PCs, Android devices vs. IOS, Ipad vs phone, etc. Basically, we want a consistent font height and look across all media. Does anyone know what's wrong? The site is: https://grouper-star-jej6.squarespace.com/ PW: 123 The below images show the discrepancy between font sizes. The secondary navigation bar should have the same font size as the project titles, but this is not the case with the Windows version. Thanks for all your help!

Site URL: https://www.mayamukhopadhaya.com/work I can't find where to edit the size of the title headings for blog posts - either in the blog post itself or in the gallery view of all blog posts. As a result, the titles are larger than I would like. How can I edit the title size? I looked in Design as well as in the Edit options for the Blog. PW to site url: mayam

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!

How do I change the font size used in the caption of image blocks for Beatrice template? Do I need to inject the same code on each page I use the image block on?

I've about got my website the way I like, using the Aviator template, but on a mobile phone, the font size, which is quite comfortable on a desktop monitor, is kind of huge. As the mobile styles already change many things, I figure there might be some way of saying, "Do all the stuff you always do for mobile devices, but make all the fonts 70% of the regular mobile size, please." For reference, my website, on a page other than the Info Page so you can see the problem: http://www.withinsight-therapy.com/what-we-offer/

Hi there,I have managed to change the body text to my desired font on my website, but cannot change the Nav, Title or Titles of my blog posts in Tremont.Link to my page is as follows:https://flower-jaguar-tpnb.squarespace.com/config/designAny help would be most appreciated :-)ThanksVanessa

Site URL: https://www.sharpeaero.com Hey all, How can I use the code block to make a variable text size based on browser width? I'm currently using code blocks for the headings on my homepage because I needed them to be a different colour than the default <h1> defined by my squarespace design settings. However, by using these code blocks, the text no longer resizes for smaller browser widths like squarespace builds in by default in their text blocks. Here's an example of the code I'm currently using in one of these code blocks: <h1 style="font-family:Roboto Condensed; text-transform:uppercase; font-size:72px; font-weight:700; letter-spacing:0em; text-align:center; color:hsl(0, 0%, 11%)"> <left>Buying in Bulk?</left> </h1> Website is https://www.sharpeaero.com if you want to see what I mean by text not resizing. The text on the top hero image/video will resize as it still uses the text block, but the rest of the titles/headers are code blocks and don't resize. Thanks so much for your help!

Site URL: https://greyhound-roadrunner-mbsf.squarespace.com/ I cant figure out how to link an adobe web project or use any adobe fonts for my website. When I Google it, it shows linking a project for advanced settings and this can't be done in version 7.1. I don't see a place where I can paste the embed code into the html either. Has anyone been able to use adobe typekit with the newer version?

If you want to use custom font for Navigation, just copy - paste the following codes. Add code to Home > Design > Custom CSS 92 Templates Navigation Link Color - Hover - Active Color Avenue @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav nav ul li a { font-family: your-font-name; } Aviator @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Bedford Template Family Include: Anya, Bedford, Bryant, Hayden, Bedford @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Brine Template Family Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Farro Include: Farro, Haute @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Five @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Flatiron @font-face { font-family: your-font-name; src: url(enter your font name url here); } ul#nav li a { font-family: your-font-name; } Forte @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a span { font-family: your-font-name; } Ishimoto @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav #nav li a { font-family: your-font-name; } Momentum @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Montauk Template Family Include: Julia, Kent, Montauk, OM @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Native @font-face { font-family: your-font-name; src: url(enter your font name url here); } #navBlock ul li a { font-family: your-font-name; } Pacific Template Family Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Skye Template Family Include: Foundry, Indigo, Ready, Skye, Tudor @font-face { font-family: your-font-name; src: url(enter your font name url here); } .nav-blocks-wrapper div a span { font-family: your-font-name; } Tremont Template Family Include: Camino, Carson, Henson, Tremont @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a span { font-family: your-font-name; } Wells @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } Wexley @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } York Template Family Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York @font-face { font-family: your-font-name; src: url(enter your font name url here); } .site-navigation div a span { font-family: your-font-name; } Squarespace 7.1 Include: Novo, Pazari, Nolan, Utica, Cami, Matsuya, Nevins, Kester, Gates, Zion, Classon, Hawley, Suhama, Elliott, Otto, Tepito, Balboa, Beaumont, Quincy, Talva, Minetta, Falodu, Hester, Crosby, Ventura, Maru, Tresoire, Almar, Alameda, Patil, Stanton, Paloma, Fillmore, Palmera, Souto, Brower, Merida, Grove, Harman, Rivoli, Noll, Bergen, Degraw, Corrigan, Sackett, Lakshi, Pulaski, Suhama, Cailles, Colima, Barbosa, Clune, Irving, Suffolk, Clarkson, Lusaka, Bailard, Malone, Roseti, Euclid, Carmine, Wycoff, Harbor, Ocotillo, Fayette, Roseti, Dario, Soria, Morena, Rey, Lenoix, Bleecker, Vandam, Cruz, Kitui, Waverly, Vance, Orina, Chotto, Auburn, Juniper, Palmer, Atlantic, Iduma, Pine, Eldridge, Pulsaki, Amal, Suhama, Hart, Carroll, Noll, Hidano, Palermo, Cailles, Archer, Kearny, Sellwood, Essex, Mason, Gramercy Studio, Cole, Devoe, Randi, Zorayda, Manor Studios, Grant, Toledo, Hoyd, Troutman, Tantillo, Maqueda, Hemlock, Bogart, Florence @font-face { font-family: your-font-name; src: url(enter your font name url here); } .header-nav *, .header-menu-nav * { font-family: your-font-name; } Made by Tuan

Site URL: https://www.michellegonzalez.fr/ Hello, I would like to be able to deactivate Typekit's fonts because they slow down my site. Does anyone know a way? Thank you in advance. For information my theme is Alex. Michelle

The font to leave comments within my Blog is invisible because the Body Text is set to white (which I want to keep white on the rest of the site). I have read that this can be resolved with the following strip of code:.comment-input { color: #000000 !important; } But I’m wondering where I put it in the code? Thank you!

I'm looking for custom css that will allow me to text transform h1, but not the other headers. I'm rebuilding a site from 7.0 to 7.1 (since there is no way to just migrate...) - and we had h1 in all caps and want the new site to be that way as well. I cannot share the new page as the site isn't public/subscribed, but here is what the 7.0 page looks like: https://www.needle-movers.com/ - it is custom css... and h1. I'm also looking for custom css that will remove the header and footer on the first page, so that it is only the css and then a button to enter...operating kind of like a cover page ...

Site URL: https://www.mattportch.com Hi, How do I make the copyright text in mobile view smaller? Also, is there a way of coding this to auto update every year?

Hello, Does anyone have code for customising the font in a newsletter block in 7.1 please? Many thanks

I would like to change the font of my Blog Posts to a custom font. I have already upload this font to squarespace and use it as my h1 font. Is there any way to use this font for my blog headline on a BRINE template? thank you for your help. sarah 🙂 My testside is: https://finch-blenny-3nam.squarespace.com/blog-1/2015/10/15/ramen-ttrek password: 123

I am having some issues with a font (Proxima Nova Condensed) displaying differently on different computers and browsers. My teammate and I are both on Macs version 10.15.4 with all browsers up to date. Here's the goal: With the css like this, it works perfectly on my computer (chrome and firefox) but shows up with regular weight and not condensed on my teammates computer. It also has regular weight and is not condensed when I use safari. Safari version: When I change the code to this: It works on all of my browsers but shows up with a regular font weight rather than thin. Adding !important to font-weight didn't change anything. Any help is greatly appreciated! Ideally we'd like to use Proxima Nova Condensed Thin.

Site URL: https://www.eliaroehrs.com/fineartprojects Hello, I am trying to change my Portfolio page font size for the different pages, when in the 'Hover: Follow cursor' format. Do you know how to alter this? Also the size of the font when your are in a portfolio page and there shows arrows with titles to the next page. If you had any advise that would be wonderful! @tuanphan thanks!

Site URL: https://www.dbtherd.com/ I've scoured the web trying to figure out how to add a custom font to my site (*edited to add: I'm using version 7.1). I learned how to add a custom CSS to change the heading fonts, but I can't figure out how to change all of the other text fonts (namely the paragraphs, links, and blog post titles). Any and all help is greatly appreciated!

Site URL: https://www.gildedfarmsny.com/what-we-do Hi, I am having trouble where the font size on text that I have overlaying a photo doesn't change size when I switch to mobile. I have tried both of these custom CSS code suggested in other posts but neither have worked: 1. @media screen and (max-width:767px) { body[data-dynamic-font-sizing-enabled="true"] .sqsrte-large { font-size: 15px !important; } } 2. @media only screen and (max-width: 640px){ p{font-size:1rem!important} } Any ideas of how to fix this? Thanks for your help, Erik

Site URL: https://www.erobertson.design/churchofsnails At the bottom of each of my project pages there is a link to the 'Next' project. I have added custom fonts across the site using CSS, but I can't work out how to target this small piece of text. Can anyone help? I was also wondering if it's possible to replace the word 'Next' with simple < previous and next > arrows, but I'll be happy if I can just resolve the font issue.

I uploaded my font files and added a custom CSS code to specify the use of that font. In my computer it shows fine but when i tried it in other computers (One PC and the other MAC) it shows something else.

Site URL: https://josef-degabriele.squarespace.com/print-shop/dreamer- Hi there, I would like to change the font and style of the dropdown box as it doesn't match with the rest of the template. Could anyone help me with this? Forte is the template that's being currently used. Thanks in advance. Josef

Site URL: https://www.lukebeebe.com/bloog If I try changing my Blog's Body Font from the Design page, it changes the font across all of my pages that are under "Body Text". I was wondering if there was any workaround to change my Blog's Body Font without changing the other pages' body font. Thank you!

Hey! So I did some digging and found a way to use a custom font for Squarespace 7.1. Squarespace definitely has tons of fonts to choose from - but some of you may want this option so you can use your favorite font. Check it out below:

Site URL: https://www.waterdragonfabrics.com/ Hi there! I am trying to create a piece of CSS code to change the font on my gallery image block (poster). The text that's in bold letters on top of the image. I have just tried piecing something together but I have not enough knowledge of CSS. Something along the lines of this: .design-layout-poster .image-title p:(color:white!important font:? size:? You can see I am not too experienced. Would appreciate your help. Also I am not sure where to take the font info from. I am imagining I can just use a font name that squarespace offers me in the site styles? Best wishes, Marco