Search the Community

Site URL: https://synthesizer-carillon-f8ne.squarespace.com/config/ Hello, I'm looking for a custom CSS code to change the format of the title (only the title, not the date) in "Summary" which I've set up to list blog posts. Squarespace allows me to change font of blog post articles in blog page, but not in the summary. The first picture shows a default font, the second and third picture show how I'd like the new font to look. Thanks a lot in advance! Klara

Site URL: https://www.schoolriseusa.com/ Hey Everyone! The headers on the mobile version of the site I'm working on are breaking because they're too large for the screen. I'm hoping to get coding to set the max font size for the mobile version. Thanks!

Site URL: https://www.bloomandcare.co.uk Hi all! I am trying to figure out some custom code to put in that will make my drop down menus the following: Black background with around 70% transparancy The text to be white and change to the same green as my main menu when hovered over Slight rounded corners Any help is much appreciated!

Site URL: https://dove-trout-nndd.squarespace.com/new-page Hi, Can anyone help with the CSS for the body/subtitle font in an image card. I managed to change the Heading no problem using this code: .sqs-block-image .design-layout-card .image-title p { font-family: 'Reey' !important} I have tried multiple variations with no joy. I can see the elements in Inspector elements and am out of ideas. Help appreciated: Site: https://dove-trout-nndd.squarespace.com/new-page PWord: draftversion It is the brown writing to the right of the image. Thanks so much

Site URL: https://synthesizer-carillon-f8ne.squarespace.com/config/ Hello, I'm looking for a custom CSS code to make hyperlinked text in the footer of my Squarespace site bold. In case it matters, my site is built on a custom Brine template. Thank you in advance for help. Klara

Site URL: https://sealion-swordfish-4y7r.squarespace.com/config/ Password: littlemoon (lowercase) Hello, I am trying to custom CSS my Header Navigation menu with a custom font. I've watched tutorials and inserted custom CSS into my site but it is not working. Here is a screen shot of my code. I would be grateful for your help with a solution. Thank you.

Site URL: https://www.sean-kirkpatrick.com/ Hello. I've worked out how to change the font to a custom font using Custom CSS from this video https://www.youtube.com/watch?reload=9&v=4WsiwqQluZc This does work. However, I'm not sure how to do the same and apply the custom font to the header and footer of the site? Any suggestions

Site URL: http://lckdn20.com Hi there, Can anyone pls tell me what is wrong with this code when trying to upload a Google font via custom CSS. Thanks Dave

Site URL: https://icmediacenter.org/ Hi, I'm trying to change the font from the already defined Arial for the site to a font called Merienda on just one blockquote on a particular page. I understand that on this particular template the styles of the blockquote are inherited from the body font defined for the entire website. Is there a way to change this? Thanks, Bernice

Hi guys, I followed this excellent post which helped me use custom fonts on my site - Adding Custom Fonts. However the post doesn't appear to explain how to assign a particular weight to a given style. So I guess I'd be looking for something like H2 { font-family: 'Gotham'!important ; font-weight: 'medium'!important ; } however the above doesn't seem to do anything. Even better than this would be the ability to assign my custom font weights to Squarespace's numbered font weight system e.g. 100 = thin 300 = x-light 400 = light 500 = book 600 = medium 700 = bold 800 = black 900 = ultra Any ideas? Here's my site link - My Site password: thefalcon

Site URL: https://lizard-pomegranate-8dhb.squarespace.com/config/design/custom-css Hello everyone! I was wondering if anyone happen to know how to change the text font and color in the navigation header? In this case I would like to change the "work" "studio" "photo" & "shop" tags. Thanks!!

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!

Site URL: https://www.wypeuk.com/shop Hi, I am desperately trying to fix the custom font in the product titles for my shop. I assume I have to add a custom CSS but none of the ones I have found in the forum so far work for me, please help?

Site URL: http://thelastcoast.co I'm trying to change the font of my site's blog post titles, both on the blog roll page and on individual pages.I have successfully uploaded the custom font and used it to change h1 and h2. But the blog post titles still elude me. I've gone through every custom font post in this forum and tried all the coding, and still haven't found a CSS code that works. I've also tried the codes listed here: https://beaverhero.com/squarespace-71-css-list/#Blog_Posts but the only one that worked was ".collection-type-blog.view-list". It changed the date stamp and the "Read more" bit at the end to the font I wanted. No other codes have worked, though. I'm working on the Om template and my site is http://thelastcoast.co. Can anyone help me?

Site URL: https://www.cutnfill.com/ How do i change the font of the banner headings to a custom font so i can match my logo?

Site URL: https://epumford.com I'm having some trouble with the font spacing in my markdown on mobile devices. Ideally, in the Honors & Awards section, I want to have the date with the event to the right of it, and on mobile have it wrap around without appearing directly below the date. I do not want it to appear as it does here. However, worst case-scenario, I would like to reduce the font size of the date on mobile. When I re-define the font as h4 in CSS, it unfortunately puts the event on the line below instead of next to it. This prevents me from implementing the @media only screen and (max-width: 640px) {h4 { font-size: 14px;} CSS. How can I prevent this, or is there any alternative to a Markdown that will let me have the date next to the event without stacking on mobile? Markdown code: <p><span style="font-family:Proxima-Nova; font-size:1.3em; color: black;">2020</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;NSF GRFP Honorable Mention, NSF <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2019</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Graduate Dean’s Scholar Award, Graduate Division, UCLA <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2019</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Undergraduate Research Scholar Designation, Office of Undergraduate Research <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2018</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Travel Grant Award, Office of Undergraduate Research <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2018</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1st Place Poster, Bioengineering Symposium <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2018</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Graduate Research Assistantship, Department of Bioengineering <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2015-18</span> &nbsp; &nbsp; &nbsp;Dean’s List, University of Utah <br> <span style="font-family:Proxima-Nova; font-size:1.3em;color: black;">2017</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Undergraduate Research Opportunity Program Award, 2x, University of Utah</p>

Site URL: https://www.alexandrapolunin.com/pinterest-anleitung Hi everyone, I'd like to change the font-family for this button which opens a Leadpages pop-up: https://www.alexandrapolunin.com/pinterest-anleitung (The button at the very top called "Will ich haben"). The font family should be Brandon Grotesque. This is the script provided by Leadpages: I've tried changing the font family several times but nothing worked. These are a few ways I've tried: font-family: 'Brandon Grotesque'; font-family: "Brandon Grotesque" Thank you so much for your help! Lisa

The default font size inside the shopping cart is huge, how do we change the size? Thanks!

Site URL: http://www.amplifyher.nyc This morning I woke up to find our entire website changed! All of our custom fonts (NOKA black and Calibre Medium) entirely disappeared. Our branding that has been there for over 2 yrs went poof and the current version is really an eyesore! I've been emailing and chatting with squarespace customer service throughout the day to discover there was some sort of platform upgrade that caused the CSS allowing for custom font to stop working. The developer who set that up isn't reachable and I'm desperate to get our site back online. Any thoughts/solutions? This is a video showing where the code is, but I have no idea how to modify to get our fonts back online. https://share.squarespace.com/7KuLL02z Happy to pay someone to help us out. Thank you!

Site URL: https://journeycamera.com/camera-carry-system/large-mountain-pad-upstrap Where is the font color setting for related products? It's in styles (I think) but how to get there is ?? Thanks, A

Does anyone have any helpful tricks for someone with little css knowledge? I've added my custom fonts where I'd like them, but they don't show up on certain browsers. Is there a way to make them visible across all common browsers (Safari, Chrome, FireFox)?

Hello - I need to change the Caption Text (only when lightbox/hovering) to something else. The bold font that is automatic in unreadable by my client. Any help would be appreciated! Thanks!

Site URL: https://antelope-ferret-s6wp.squarespace.com/ Hello, im trying to alter the font in just one part of the site. Brine gives me H1, H2 and H3 but I would like to just modify one subheading - is there a code for this and if so where do I apply it? thanks for any help in advance password: sashes&covers

Site URL: https://www.cutnfill.com/ i changed the font for the navigation links to the custom font I wanted but when the nav links go into a side bar on the mobile version, the font is still the old one i do not want. How do i change the font of the side bar to the custom font i want?

Site URL: https://round-flower-wm3z.squarespace.com/ Hello, I wrote the following code block to add different font styles to the same line (below), and the correct font-family appears for me on desktop view but not mobile view. The client is reporting that they do not see the font style on either view. <h1 style="text-align: left" >Amaro Freitas<span style="font-size: 10px; font-family: Futura LT; font-weight: 1" > LIVE STREAM</span></h1> <h1>Dandara</h1> <h1>Simone Santos</h1> <h1>Yara Borges</h1> Please advise!