Search the Community

Site URL: https://www.pccf.gives/ Hello! I am trying to update the style of the "text" font for the banners on my website. I uploaded the custom font (Design/custom css/manage custom files) but now when i try to change the "text" style to the uploaded font (AmsterdamFour) it is not appearing as an option. Did i do something wrong? I don't want to change my headings for the rest of the site if possible. Thanks in advance!

Site URL: https://paperbagrecords.com/ Hi everyone! I'm currently trying to change the font on just one page of my site without altering the theme/fonts of all the other pages on my site. From what I understand, this requires some code. The fonts in my template are a combination of Open Sans/PT Sand/Proxima Nova etc, but for one specific page I want something closer to Aktiv Grotesk. I've tried the code suggested in previous answers to this questions (I found a thread from 2014 with some responses), but so far none of them have worked. Any ideas? Thanks :)

Site URL: https://www.michalgrzymski.com Hi everyone! I have a problem - my custom font Inter is showing only on desktop (all browsers) and not on mobile. I have read many threads on this forum and nothing helped. My website address is michalgrzymski.com The Inter font is used for everything except the body text. Any idea what to do? 😇 Custom CSS code: @font-face { font-family: 'Inter'; src: url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e87bfcd7e554019945eb90/1642626044252/Inter.woff2') format('woff2'), /* Super Modern Browsers */ url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e87bf767faf14f2c0711d3/1642626039316/Inter.woff') format('woff'), /* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e8932f1e9b475edc6664af/1642631984266/Inter.eot'), url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e832a0060c2d3f4ea7fc5e/1642607266623/Inter.ttf') format('truetype'), /* Safari, Android, iOS */; } .sqs-block-image .design-layout-collage .image-title p { font-family: 'Inter';} .sqs-block-image .design-layout-collage .image-subtitle p{ font-family: 'Yantramanav';} h1 { font-family: 'Inter'; font-weight: 700; font-style: bold; font-size: 72px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } h2 { font-family: 'Inter'; font-weight: 450; font-style: Regular; font-size: 33px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } h3 { font-family: 'Inter'; font-weight: 400; font-style: Regular; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } body { font-family: 'Yantramanav'; font-weight: 400; font-style: Normal; font-size: 16px; letter-spacing: 0em; text-transform: None; line-height: 2em } .sqs-block-button .sqs-block-button-element { font-family: 'Inter'; } .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button-wrapper .image-button a { font-family: 'Inter'; } .Header-nav { font-family: 'Inter'; } .has-site-title .Header-branding{ font-family: 'Inter'; }

Site URL: https://grantpeters.xyz Hi all, I'm wanting to get the titles of my projects to change from black to white when a mouse is hovered over them. See "collections" on my site for said titles. Password is: workinprogress Also, how can I align these project titles to the left of screen while keeping the centre alignment of the title on the unlinked page "Splash"? Every time I align the collection titles to the left, it takes the other page's title too. Thank you

Site URL: https://www.rickipedia.ca/ Hi All, I am in the process of integrating custom font for my site, https://www.rickipedia.ca/. I've had success integrating my font family (Rimouski) for the following texts: H1 H2 H3 H4 H5 H6 P P Large P Small Monospace (Precode) I am at the stage where I would like to customize the fonts for the following texts: Navigation menu in the header Navigation buttons (in green) Titles for merchandise categories (On home page and in shop) etc. etc. etc. Is there a list of every text category that can be coded in the custom CSS? Some things, such as the text beneath the merchandise categories is very very small and I would like to make it larger without affecting the font size for other elements. Here is my current code: //Instantiate Rimouski Fonts //Rimouski Semibold @font-face { font-family: 'RimouskiSB'; src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e529483afeaa586a08c4ac/1642408264395/rimouski+sb.ttf'); } //Rimouski Ultralight @font-face { font-family: 'RimouskiUL'; src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52b35d60ca23f64a90488/1642408757581/Rimouski+UltraLight+Regular.ttf'); } //Rimouski Light @font-face { font-family: 'RimouskiLI'; src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttfhttps://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttf'); } //Rimouski Regular @font-face { font-family: 'RimouskiRG'; src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttfhttps://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttf'); } //Assign Base Fonts h1{font-family:RimouskiLI;} h2{font-family:RimouskiLI;} h3{font-family:RimouskiLI;} h4{font-family:RimouskiLI;} h5{font-family:RimouskiLI;} h6{font-family:RimouskiLI;} p{font-family:RimouskiLI;} p.sqsrte-large{font-family:RimouskiLI;} p.sqsrte-small{font-family:RimouskiLI;} precode { font-family: RimouskiRG !important; } Ricky

Site URL: http://caper-ukulele-8an9.squarespace.com Is it possible to add another line of copy when you hover over a thumbnail? I'd like the first line to be the name of the client and the second line to be the project name. Ideally it would be another font as well. Attaching image of what I would like it to look like. Thanks for the help!

Site URL: http://bjornsorensen.com See the portfolio sectionat the page bottom. I want the overlay text as 2 separate lines. First line with bold weight 30px and second line with regular weight 20px. How can I do this?

Site URL: https://khaki-gerbil-cdd4.squarespace.com/ Hi all! pass: modern84 I managed to customize the css for shopping cart, however changing the color of variant font eludes me. any help appreciated!

Site URL: http://www.oasisofharmonywellness.com Hello, I uploaded two custom fonts for my website and one of them is working fine on all platforms but the other one is not working on my mobile device or my other computer when I look at the website. In the mobile editor and in the desktop editor it all comes across looking perfectly fine. I don't know what I am doing wrong as I used the same codes for both fonts and one of them works fine. My website is www.oasisofharmonywellness.com. The Arial/Times New Roman looking font is the incorrect one. The coding I am using is below and the image is a screen shot of what I want it to look like and what I am seeing is on my mobile and desktop editors. //ADDING AGENTLETOUCH FONT// @font-face { font-family: 'AGentleTouch'; src: url('https://static1.squarespace.com/static/61bb5d6419570a43c54ffe7b/t/61bb9d842274492adc745504/1639685508567/AGentleTouch-Xye2.ttf'); } //ASSIGN AGENTLETOUCH FONT// h1 {font-family:agentletouch;} //ADDING MONTSERRAT FONT// @font-face { font-family: 'Monserrat'; src: url ('https://static1.squarespace.com/static/61bb5d6419570a43c54ffe7b/t/61bb9db0234a973b71c73e9a/1639685552250/Montserrat-Hairline_0+%281%29.otf'); } //ASSIGN MONTSERRAT FONT// h2 {font-family:Montserrat;} //ASSIGN MONTSERRAT FONT SMALL// h3 {font-family:Montserrat;} //ASSIGN AGENTLETOUCH FONT SMALL// h4 {font-family:AGentleTouch;} //ASSIGN MONTSERRAT FONT PARAGRAPH// p {font-family:Montserrat;} //ASSIGN AGENTLETOUCH FONT BUTTON// .header-nav-item { font-family: 'AGentleTouch'; } I am not overly proficient in custom coding so any help would be most appreciated. Thank you.

Site URL: https://www.arirosenfield.com/ Hi I am trying to make the description text from p3 to p2 - anyone know how to do this?

Hi, I have managed to update fonts across the majority of my site however there are still a few pieces that I can't seem to change. What I think is misc and also buttons. Could someone please help with the correct css for this please? Example images attached. Thanks 🙂

Hi all. I'm a CSS newbie, but am starting to get the hang of it. Have made a few customizations that have worked thus far to both the standard and mobile site. I don't know if any of those customizations are overriding what I'm trying to do with the mobile menu font size, which is too big and I just want to bring it down a notch. Here is the code that I found that folks were saying worked (not working for me). I've tried adding the '!important;' tag after font-size as well and had no luck with that. And here is all the code I have already on my site, in case it's relevant. All of this code works properly: I'm still building the site so it's not public yet. Again, I just want to change the SIZE of the mobile menu font so it's slightly smaller. Thank you!

Site URL: https://www.d-timepieces.com/ Hi, can someone advise on how do I change the font size of my category title? On my site, the category title font sizes are too big and becomes two lines on mobile. How do I change the font size? Specifically the world "timepieces" for reference. Thank you!

Site URL: https://www.marymaryflorals.co.uk Hi all, I am really struggling to change the text across my whole website and mobile web version to a customised font. I have managed to change the primary navigation header but nothing else, I have written the code but I don't know the code language for sections such as PRODUCTS: DETAILS Here is my existing code (this hasn't changed anything apart from the primary navigation header)... @font-face { font-family: apfel; src: url(https://static1.squarespace.com/static/5cdd25689bbd500001f4eb0c/t/61d4dd53b09a604e2f0d85a2/1641340243803/ApfelGrotezk-Regular.otf); } .Header-nav--primary { font-family: 'apfel'; } a.product-title, h1.ProductItem-details-title { font-family: 'apfel'; } h1 { font-family: 'apfel'; } h2 { font-family: 'apfel'; } h3 { font-family: 'apfel'; } .sqsrte-large { font-family: 'apfel'; } p { font-family: 'apfel'; } .sqsrte-small { font-family: 'apfel'; } // Site Title // .header-title-text a { font-family: apfel !important; } // Site Navigation // .header-nav-item a { font-family: apfel !important; }

Hello! I am very new to all this but am wanting to change the header font 1 or 2 or both to a different font just in one section. I have a text box in the banner image that I want to be different would appreciate if someone could tell me how to do that many thanks

Site URL: http://www.amandamocci.com Hello! I added in a custom bought font to my css code. I would also like to add a custom monospaced font to the code but am not sure where to put the code. Would the correct way be to duplicate the .ttf, .woff, and .woff2 URL's directly after the first font and replace it with the new URL's? Monospace Font Uses 1. I would like the monospace font to be used for some categories (see the 2nd screenshot) 2. The 3rd screenshot is another example of how I will use the monospace font. I would like to potentially use it for links as well but I need to test to see what it looks like first. I currently have a temporary landing page up and my site is still a work in progress. Thank you in advance for your help!

Site URL: https://bagpipe-swordfish-5feg.squarespace.com/blog I would like to change the color and the font on each blog entry. Do I have to manually change the color and font for each entry or is there code that would change the blog color and font overall without changing the Paragraph 2 font and color across the whole site? I see under site design the option for title and pagination but not an option just for blog text body. Thanks. https://bagpipe-swordfish-5feg.squarespace.com/ password: home

Site URL: https://erin-murray-wellness.squarespace.com/ Hi there, I'd like to change the font of my site title / header using CSS, the part that currently reads "Erin Murray Wellness". I've uploaded my custom font and am able to override h1/h2/image cards but can't figure out how to adjust the site title accordingly. Thanks in advance! URL: erin-murray-wellness.squarespace.com PW: erin2022

Site URL: https://herring-grouse-6mkf.squarespace.com/kontakt Hi, I'm trying to change the font of the listed items titles (i.e: the names, "Jeanette Perman" etc) to our custom font, but without success. I've managed to import the custom font and change various other parts of the website, but now I'm stuck... The URL is https://herring-grouse-6mkf.squarespace.com/kontakt (password: magritte123) and the part I'm referring to is the section "Medarbetare" (a "simple list"). I've tried different version of this code, but I can't seem to get it right: .list-item-title {font-family: 'MP-Display'!important;} When I'm writing .list-item {font-family: 'MP-Display'!important;} the font for the body text changes (function and e-mail adress), which isn't what I want – I only want to change the font for the names... 🙂 Anybody who can help? Would be greatly appreciated!

Site URL: http://www.renerodlauer.com Hey! Thanks for taking time to read about my problem at the moment. If you scroll down in my second section (the list of images). At the moment I have the title of the images below the images itself. In the end, I want the text to be ABOVE the image, like in the example attached. How do I address specific positions for all the texts of the images in this section? Thats it for now! Excited to hear your thoughts and problem solvings. Thanks in advance! Best, René

Site URL: https://carrot-whale-lsgz.squarespace.com/ Hi, Ive working hard to get my site ready for launch but despite my efforts, theres a few things which i just cannot solve and would appreciate some help. The website login details are: www.dimondlondon.com I have listed them below with images and links: 1. Is it possible to remove all image overlays over the entire site?? 2. https://carrot-whale-lsgz.squarespace.com/bespokework 3. https://carrot-whale-lsgz.squarespace.com/bespokework 4. https://carrot-whale-lsgz.squarespace.com/process 5. https://carrot-whale-lsgz.squarespace.com 6. https://carrot-whale-lsgz.squarespace.com/contact If you can help, it would be much appreciated! Thank you in advance.

I am trying to change the font to italic when hovering over it without using images of a text. Ex. From this: Welcome To this on hover: Welcome Is that possible to do? Thanks in advance!

Site URL: http://thelovedself.com Hello all! I am looking to customize the header font on my pop-up with my uploaded font. I found this CSS cod on a blog online and it seems to work in design on the backend but when I go to my URL it's showing this defaulted font. My template is Brine. The code I'm using is as follows, .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="heading"]:not([data-compound-type]) h1#sqs-slash-page-header { font-family: 'NOIRetBLANC' !important; } Any suggestions or guidance is so deeply appreciated. Thank you in advance!

Site URL: https://chrysalis-puma-rt8h.squarespace.com/ Hi! I'm trying to change my site title to one custom font, and the rest of the header/footer to another one. I used this code sucsessfully to change the site title: #site-title {font-family: 'EksellDisplay'; src:local('Example'), url(https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2)} But when I used this code to change the header and footer, it overrides the code I inserted above: header#header *, footer.sections * { font-family: Apercu; } Can someone help me finding a way to override this with my custom font for the site title?

Site URL: https://www.hexagency.co.uk/ Hi Guys, I am trying to add a Google font to my site (site wide) and have followed a guide I found online using the below code, but it isn't working 😞 Could someone please advise if I'm missing something? Code injection: <style> @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap'); </style> Custom CSS: p.sqsrte-small, p, p.sqsrte-large, h1, h2, h3, h4 {font-family: 'Manrope', sans-serif;} Thanks in advance for your help!