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
    • Resources
  • 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.mirboonorthwinterfest.com.au/ I have successfully altered the body text under Performers using #home3 p {color: white;}, however I am not sure how to change the colour of the heading and 'Read More' link shown above and below this text (hard to see as it morphs into the background). Any advice would be greatly appreciated.
  2. Site URL: https://crow-manatee-3gjr.squarespace.com I'm trying to change the header font button in a new website. I've found some code on the forum which is working but I can't change it to bold. Can somebody help me out? The website is this one: https://crow-manatee-3gjr.squarespace.com Password: Dy<vPg?r&/^3B{9F I've used the following code: header#header a.btn { font-family: 'Roboto Condensed' font-weight: 700 !important; } Thanks!
  3. Site URL: https://www.ericavalera.com/ Hello! I'm having issues with my custom fonts not displaying on my website. Here's the code! Any suggestions would be greatly appreciated! @font-face { font-family: 'Dahlia'; src:url('https://static1.squarespace.com/static/60894342fa79b5525586a223/t/6255e04e15e22d58c7e6fca7/1649795150067/Dahlia-MediumCondensed.woff')format('woff'), url ('https://static1.squarespace.com/static/60894342fa79b5525586a223/t/6255e05bc6c4c90fb5103860/1649795163106/Dahlia-MediumCondensed.woff2') format('woff2'), url ('https://static1.squarespace.com/static/60894342fa79b5525586a223/t/6255e06ceb9b4b44f7f662ad/1649795180103/Dahlia-MediumCondensed.otf') format('opentype'); } h1, h2 { font-family: 'Dahlia' !important;}
  4. Site URL: https://www.lildarkartz.com/ No matter what settings I change I cant get this font blue on all my shop things without changing all the other fonts on the website, is there a way to change just these ones to blue?
  5. Site URL: https://oceandgtl.com/ Page editor is taking forever to load and when it finally does, the font set is messed up and different than that of my last time editing. It also shows that my page headlines and other areas are set to the correct font (Futura PT) but the page shows differently...
  6. Site URL: https://turkey-emu-sd4a.squarespace.com/ Hi all, I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome? My custom code is below and I've uploaded a pic to show my fonts have been added as custom files. @font-face { font-family: 'Muli'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd5307e7bab5539c1e493/1593627952821/Muli-Regular.ttf); } @font-face { font-family: 'Lato'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736abe/t/5efcd4e8603e98547506a5bd/1593627880622/Lato-Regular.ttf); } h1 { font-family: 'Lato'; } h2 { font-family: 'Lato'; } h3 { font-family: 'Lato'; } h4 { font-family: 'Muli'; } p { font-family: 'Muli'; }
  7. Hello! Does anyone know how to change the font size of the drop down menu on mobile? Right now it is quite large! Squarespace does not have a built in way to adjust the size. Thanks!
  8. Site URL: https://sentimentstudios.com Hi @tuanphan, for my the showcase gallery on the homepage of sentimentstudios.com (pw: concept) I am looking to do the following adjustments, as to make the text work as well as on sentimentstudios.com/work; - adding a text row in the title (half of each title disappears on mobile) - adding a subtitle (client name) - changing font size of title - create hover effect "zoom" like on portfolio (sentimentstudios.com/zoom) Could you help me achieve this? Much thanks in advance!
  9. Site URL: https://www.lesliefang.com/pawalong Hiiii, The new font scaling is not working well for me in mobile view. If I leave it on regular view it's oversized and if I scale it to fit, it throws the alignment all off. Is there a way to to make them all match the same font size? When not the font is not scale the font (as attached below) looks so awkward. If I scaled the font its look to0 small and out of sync with the rest of the title blocks i have.
  10. Site URL: https://mcnaegroup.squarespace.com/config/ Website: https://mcnaegroup.squarespace.com/config/ Password: studio@mcnaegroup1 I have a H1 heading which looks great in a full window, and in mobile view...but if you make the desktop window slightly smaller the text suddenly jumps bigger. I thought changing the tablet text size might help but i had no success. Can any one help? //mobile text size// @media only screen and (max-width: 767px) { h1 { font-size: 35px !important; line-height:115% }} //tablet text size// @media screen and (max-width: 960px){ h1 { font-size: 35px !important; }}
  11. Site URL: http://www.markscalil.com Hello - Custom font (Sackers Gothic) for headers isn't showing on my site www.markscalil.com – it was working for several days after launch but for the last three days has dropped in and out. Custom font does currently show on incognito/private mode on Chrome/Safari. Any way to stabilise the font? Thank you!
  12. Site URL: https://www.legendarytravels.co/shop/p/ltco-playing-cards Per the linked page, I need to find the correct setting to resize the "Only 5 available" notification on my product pages. I was able to change the color of the font, but cannot find a specific setting to enlarge the font size as desired. If there isn't a specific font control to adjust this globally, is there a reliable CSS custom code to accomplish the task? Thanks!
  13. Site URL: https://totemstar.org/ When I go to change the fonts on my website, the only option I get is to change the Body Text. Headers, etc., are missing from my options. I don't see any other menu pop up that will address this. What am I missing? Thanks in advance!
  14. Site URL: https://www.players-social.com/food Hi there, I'm looking to change the font style for the price on my online food menu. Can you please help me how to target it in CSS as I was able to change all the title and description fonts, but the price stays in the old font and it's not aligned with the rest. Many thanks
  15. @font-face { font-family: 'Beatrice-Regular'; src: url(https://static1.squarespace.com/static/555399e6e4b0b7e560a1163c/t/61c915a2e1316c5148955592/1640568226334/Beatrice-Regular.ttf); } @font-face { font-family: 'Beatrice-Light'; src: url(https://static1.squarespace.com/static/555399e6e4b0b7e560a1163c/t/61c915abc380bb1ecc2e2387/1640568235199/Beatrice-Light.ttf); } @font-face { font-family: 'Forma+DJR+Banner+Bold'; src: url(https://static1.squarespace.com/static/555399e6e4b0b7e560a1163c/t/61c915ceddc48d4f36f1241b/1640568270998/Forma+DJR+Banner+Bold.otf); } @font-face { font-family: 'ParisScript-Regular'; src: url(https://static1.squarespace.com/static/555399e6e4b0b7e560a1163c/t/61c91726d635732341299531/1640568614301/ParisScript-Regular.ttf); } h1 { font-family: 'Paris Script'; } h2 { font-family: 'Forma DJR Banner Bold'; } h3 { font-family: 'Beatrice-Regular'; } h4{ font-family: 'Beatrice-Regular'; } .sqsrte-large { font-family: 'Beatrice-Regular'; } p { font-family: 'Beatrice-Light'; } .sqsrte-small { font-family: 'Beatrice-Light'; }}
  16. Site URL: https://roxeesalon.squarespace.com/ Web pass: a I have a title that I want to increase the size of, but the specific section template I'm using does not allow for further customization for its size. (See first image and see first section titled "Our Services" on the website link) I want it to look like the title from the second image. If I target a specific ID, my concern is that SquareSpace would change these ID names whenever, and my website would break.
  17. Hi, I'm having real trouble changing font relating to products. It would seem they don't adhere to my previous coding ( a custom font change for h1, h2,h3 and P) I have searched this forum and did try solutions already posted to no luck. Anyone know what could be wrong? tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title { font-family: 'TYPEWRITER'; } Also tired this one: .producttitle { font-family: 'TYPEWRITER'; } Sorry, very new to CSS but what seems to work for some people just isn't for me. My site isn't online yet so I have attached a screenshot and circled the text I would like changing to the typewriter font seen also in the image. Thanks so much!
  18. Site URL: https://www.megankeely.com/ I'm using the Bandintown integration (in a block) to feed by upcoming shows straight from Bandsintown to my Squarespace website. It works great, but for some reason the ticket button is tiny. I believe it is a 'Primary Button' because I change the primary button font and the ticket button instantly changed. I understand the button size is determined by the font size, but I can't figure out how to update the font size (for this block or all buttons) to make this button larger. Any help is greatly appreciated. Thanks!
  19. Site URL: https://www.haslhaus.squarespace.com pw: haslhaus Im updating a 7.0 site using only SS fonts (Commuters Sans , Roboto & Proxima Nova) When in the Site styles the fonts render as they should however when i go to pages in editing mode they render (except Roboto) in Times - i cant work out whats going on or how to resolve. have taken out CSS to see if there is conflict however nothing... Any insights would be great!
  20. Site URL: http://rituelstudio.co I posted this before, but my question was not answered. I am trying to make a single word bold throughout the entire website. Not in the title!! It is in the header as one of the menu items and must be bold. Can someone show me how to do this using css? Thanks for any help!! Kate
  21. Site URL: https://www.becreative.team Hey everyone. Pains me to ask this, but I can't work out why my custom font (Stanley) isn't working in Safari? TFF & OTF files are present. Can anyone advise? Thanks so much: @font-face { font-family: β€˜Stanley’; src: url('https://static1.squarespace.com/static/61f469f8788dc37c04814944/t/6315238d8f99c2593816b60f/1662329741715/Stanley.ttf'); src: url('https://static1.squarespace.com/static/61f469f8788dc37c04814944/t/632b8fd84d3f4517a5e1c8f7/1663799256880/Stanley.otf');} h1, h2, h3, .button-block *, .image-button a,.header-actions .btn,.header-skip-link { font-family: Stanley !important; }
  22. Site URL: https://www,xocolab.fi Hi, I made our site anew and at the same time moved to 7.1. There's two issues i cant wrap my head around and limited in my skill set on this area. First one is the scaling of fonts / blocks. I made the site on my big 4k display and it looked great. Then i checked it on my small laptop and text was overlapping each other, a mess. I had to compromise that it looks ok on small to medium screens but now theres wide gaps between headings and text on big displays. Just isn't nice looking. Any CSS for this fix? or something else im missing? Second one is commerce quick view. Photos are on many occasions getting chopped in half (check pic). Whats causing this? Code i have at the moment is as follows (if any of those are causing the issue) (.sqs-product-quick-view-content {background: white!important} /* Quick view lighbox */ div.sqs-product-quick-view-content .ProductItem-details-checkout * { color: black !important; } /* Quickview lightbox content color */ .lightbox-inner .ProductItem .ProductItem-details * { color: black; } .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #FFE5E5!important} Thank's for the help!
  23. Site URL: https://www.polyphonyproductions.com/ HELP! I made a font in illustrator that is blue w/ a black outline but when I imported it into squarespace it auto makes it black or white, any color over the color I already made, any way around this? It also only happens on chrome and mobile, firefox recognizes the color that I made in illustrator but if I could make the font color clear in squarespace or basically override it somehow that would be great! TSYM! First time making a site so im sorta lost 😞
  24. Site URL: https://www.jotpaperco.com/my-kid-made I'm struggling a with a custom font I'm using on one page of our site. The font we're using has alternative glyphs that I can't figure out how to access. We used this same font on a now expired site. We had some custom CSS so that would activate the alternative glyph when we would bold and italicise a single character,. I've attached an image of the result. You can see the first 'i' is unchanged. The second uses the alternative glyph. This was achieved in a normal text box by simply highlighting the glyph we wanted to target and then clicking the bold and italic buttons in the text edit. All i can remember is it had something to do with 'font-feature-settings' and 'ss01'. I can't remember or find the code we used to achieve this and would really appreciate help if anyone knows how we can do this again. Thanks you in advance! Dan
  25. How to remove the underline while keeping the link?
  • Create New...