Search the Community

Hi, Could I apply these changes (see image) to the cart page? Regards

1. Change font only for mobile: I'd like to change font size of the quote on this page only on mobile. How can I target just the quote? 2. Change font of the lightbox that pops up when you click "quick view" on products (attached screenshot) 3. Cart page fonts: get rid of or change the font of "shopping cart" and customize "checkout" button (attached screenshot) Website: www.personalchefberlin.de Password: june

Site URL: https://posturemedia.com/ Hi there, I uploaded three custom fonts, and two of them appear on mobile, but one does not. Any advice? Thank you!

Hi there, I am using the 7.1 template Alameda and am using a custom font. I have managed to customise the font for headers, body and the header navigation, however this hasn't updated the button font, secondary navigation drop down menu or product names prices. Does anyone know how can I change this? I used the following for the header navigation, which worked: @font-face { font-family: FONT NAME; src: url(FONT URL); } .header-nav-item a { font-family: FONT NAME !important; } Thanks in advance!

Site URL: https://ruby-bellflower-xz9w.squarespace.com Hi I'm looking to size the header fonts on each page of my site for mobile. They're cutting off right now. Cheers, Jordan

Which code do I have to enter to customize the font of my forms through CSS customization?

Site URL: http://www.erichmcvey.com/ Hi all, I have a specific question about a hover over text on an images page template: How can I add a custom hover over text and style? I am looking for something similar like in the provided site URL. I also attach a screenshot of that same URL. The font would be Bodoni, the transparency accordingly. Thank you for your replies and inputs. Cheers

Site URL: https://www.narla.com.au/experience Hello, I have added a simple code block for a dropdown menu. I'm just wondering how to change the font and colour to make it match with my page. The code is: <left> <select onChange="window.location.href=this.value"> <option value="#"> All Sectors </option> <option value="https://www.narla.com.au/infrastructure-experience">Infrastructure</option> </select> </center> Any ideas?

I've managed to add custom CSS fonts to my headings and main body text, but can't find any code that will change allow me to assign my custom font to the main navigation or buttons in the image blocks (overlap and collage). I'm on the Impact template and have tried so many different types of code.

Site URL: https://jademandrake.com/ Hi, I am trying to install a custom font in my Avenue template just for the navigation. I've used two of the codes I I've found posted online, but neither work. I'm hoping someone can help me? 🙏 Here are what I've tried so far: .main-nav a { font-family: Your Font Name !important; } and this: @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; }

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

Site URL: https://www.smikahlwedding.com/ Hi there, I uploaded a custom font and it's working everywhere except for the site title on mobile. Does anyone have any ideas as to why this is happening or how I can fix it? Thank you!

Site URL: https://alpaca-cornet-akec.squarespace.com/home I have used the code h3 { font-family: 'relation-two' !important; } and it isn't working, why would this be? Site password: forum

Hello everyone. Please help me, this is really turning me mad. I can't find a way to change the fonts of the menu on the mobile version of my website. I'm a real noob at CSS but could find a way to copy some code from the forum to design my website. Unfortunatly, there's nowhere I can find a code that's working. I only want to change the font of the sections in the menu. Tanks for your help, I've been searching for days now... Here's the CSS I tried to use: main-nav {font-family: 'FAVORIT'; font-weight: 200; font-style: normal; font-size: 30px; letter-spacing: 0em; } Thank you so much for helping ! You can find my website here: t1bureau.uk

Site URL: https://www.biocleandd.com Is there a way to have body text be a different size on mobile. It seems to out of sync with my headlines etc.

Site URL: http://www.seashellawnings.com/contact How can I change the font color for the dropdown menu? What design element is it pulling the color from because that color needs to go away from the site completely anyway. Thanks!

Site URL: https://bruno.yoga/ Hi there, I'm on Squarespace 7.1 using the font Plantin for paragraphs, and I've been highlighting some words in bold (using the inline bold button in the text editor). Everything was looking great for the past couple of weeks. Since yesterday, these bold parts have been displaying incorrectly both on desktop and mobile, but in the Squarespace editor, they do look correct. This is how they look in the editor (and how they used to look everywhere - perfect thickness and letter spacing) This is how the bold looks on desktop: looks messy and the space between the letters is too small: And this is how the bold looks on mobile, looks thin with too much space between the letters: I haven't touched anything font related nor injected any CSS... This is driving me crazy. I would really appreciate your help! 🙏 Thank you!

Site URL: http://www.jamtype.com Hi there, I am trying to create sliders which alter the size, leading and tracking of a collection of typefaces similar to this site: https://www.nikolastype.com/typefaces/cosi-azure Does anyone know how I can achieve this in Squarspace?

Hey Guys, I am really stuck with adding custom fonts to some image Layout Blocks that I have added to my page and hoping for some help. I have been using custom CSS code to add the custom fonts, however, I am then unable to apply this font to the image layout block header font. I have tried using the following code: .sqs-block-image .image-caption p { font-family: Butler;} which unfortunately has not worked. Any advice would be greatly appreciated! Thanks,Su

I have custom CSS for everything else in my sight but can't seem to change the newsletter font. Please help!

can anyone help with changing the custom css on this footer? I want the part that says want to stay updated the same font as the submit button. I have custom CSS for the other parts of the site but the footer is still a weird font. Thanks!

Hello, I am using html code in markdown: <span style="color:#fff; font-family: 'Bebas Neue'; font-size: 4em;">INSPIRATION DAY</span> I want to apply Bebas Neue font style (which is included in the font family) but it does not apply to the text... Thanks for your help! Ohyoon

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