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


Forums

  • 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
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://www.liefikhebje.nl/blog Hey there! I'd like to change my blog thumbnail to my custom font. I can get the title by using custom css, but can't seem to find the right css for the thumbnail title..
  2. Site URL: https://saffron-lavender-8drt.squarespace.com/config/commerce Hello, I changed my title font in css, with -> "hirakakustd-w8" and it work perfecty for most of the pages, but on the e-commerce landing page, and on the detail of the product its not working. I don't understand why .. Also i was wondering if it is possible ton change the thickness of the buttons. They are too bold ! Here is the website, its not published yet : https://saffron-lavender-8drt.squarespace.com/config/commerce I hope you'll help me, MANY THANKS ! Zoé
  3. Using the Tremont template, I wanted to change the font in a header text block on only one page. I used the following code injection for the page site: <style> h1 { font-family: cinzel decorative !important; color: orange !important; font-size: 30px !important; } </style> The color and font size worked just fine, but the font itself will not change to Cinzel Decorative. I know this font exists in the template, because I saw it in the Design, Site Styles section. Other fonts do seem to work. For example, if instead of cinzel decorative, I use another font type, it will work. Cinzel, and other fonts, don't seem to work. Any ideas?
  4. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica/wallframe Hi, Is it possible to make the "ADD TO CART" button match the same font and button size as the ones above it?
  5. Site URL: https://clover-red-szea.squarespace.com/ Hi, I've been searching for hours but haven't found an answer. I was able to get this font to display correctly across all platforms, but it reverted today. I am on Avenue in 7.0 and my site is here https://clover-red-szea.squarespace.com/ . I'd like the same font site-wide. Code: @font-face { font-family:('dos'); src: url('https://static1.squarespace.com/static/5f29ed1621fef95eed4c2fe1/t/5ff4c1056eecec7adc4bbf3e/1609875717957/MorePerfectDOSVGA.ttf'); } h1, h2, h3, p, a, body, .project-title, button, #topnav nav ul li a, input, select, textarea, topnav, mobilelinkmenu, projectpages, projectthumbs, mobilenav, {font-family: 'dos', !important;} div#mobileNav *, div#mobileMenuLink a { font-family: dos; }
  6. Site URL: https://www.gharnaloko.com Hi, How do I change the font of the pop up window that appears when someone tries to create an account on my site? (Picture below). I'd like the font to match the rest of my site. This includes everything in the pop up window, from the title to the button to the small "forget password" and "create account" links. Any help would be appreciated. Thanks!
  7. Site URL: https://snail-hyperboloid-dk28.squarespace.com/config/design Hi Guys, I've already got custom fonts on my site but I'm just looking for those last few area's to fix up. On this product detail page : https://snail-hyperboloid-dk28.squarespace.com/config/design I'm looking for custom css for these items : - Product Detail Page Item Title - Product Detail Page Breadcrumbs Text If anyone could help that would be amazing! Thank you 🙂
  8. Hello! So, I've had quite a lot of success being able to change the fonts across my site with CSS depending on the block used. However, I cannot get this to apply to the Promotional Popup. For example, I currently have the following: h1, h1 a, h1 blog title, entry-title { font-family: 'Wilderness'; } So that my blog titles etc are all my custom h1 font. However, this does not seem to be overriding within the popup and it is maintaining the font listed in the Site Styles. Is there a special identifier such as "h1 promotional" that can be used? I've tried using an inspect field in chrome to determine the data range, but using ".sqs-slide-wrapper", ".sqs-slice-heading" and ".sqs-popup-overlay" seem to have no affect. Any help is greatly appreciated!
  9. Is it possible to add Squarespace fonts in a code block? If so, how? I am specifically interested in using "Alternate Gothic No. 3 D"
  10. Site URL: https://www.ericfoos.com/gng Could someone point me to where I can set the font size for the page title and page description in the Carson template? For a specific example visit this page: https://www.ericfoos.com/gng I would like to reduce the size of the page title "Gnomes & Goblins" by about 50%, and reduce the description text by about 10%.
  11. Site URL: http://www.melekkochan.com Hi I'm struggling to add a specific type of font on my blogpost. Without trying to utilize code I have tried the copy and paste method from google docs to my site, however my blog automatically changes it. I have already tried to review/edit the design of my site including its predesigned font but I can't get it to work. How can I go about this? Thanks in advance. **See image below for the font I want to use: "I write like this"**
  12. Site URL: https://synthesizer-jellyfish-sfps.squarespace.com/config/design/custom-css Hi, I'm trying to change the font of the navigation on the header (the bit on the top left that lists the pages i.e. "Shop" "Our Story"). I want them all to be a font I've loaded in. I also want to change the font of the product titles. Finally change the button font. I've tried button { font-family: Grand Slang !important; } h1 ProductItem-details-title { font-family: 'Grand Slang' !important; } for both of these. The form button is in Grand Slang, but not a Shop Now button. Thank you! Also i am new to CSS
  13. Site URL: https://www.fifymag.com/fashion/ml862k9wrspxwmoow0hydvn946cb83-nsd9G-d2p4a-tfsfb-eynt8-srsx7 Hi guys. I'm making Korean Website, and I'm using Helvetica neue for my blog title. I want to Keep Using Helvetica neue for Korean, But I want to use another font for English and Number. Because when I use Helvetica neue, Korean prints bigger than English and Number. I linked example URL above, So Please Check it. I have to solve this problem. It's really important. Thanks. Site password: daniel0801
  14. Site URL: https://greenringmusic.com Hey everyone! Totally new to customizing css. Just looking to do two things: 1. Make the text for my header navigation links bigger and 2. Change the font of the back to top button that automatically appears on mobile. Haven't been able to figure it out looking around on here. Thanks!
  15. Hi everybody :-) And Merry Christmas! I am making a webpage. The frontpage (home) is a full image with two sections below. When the visitor enter the page, I wish the font and social media icons in the header on the image to be white, yet when they scroll down I want the header (fixed) has a yellow base and black font. Does any one know how to do this? Make the font change colour depending on background? At first it did it by it self, but now I can't figure it out. I hope someone might be able to help out :-) All the best Tyra
  16. hi there! i am attempting to use a custom font for multiple sections of my website- it’s working for all the header sections, but i can’t seem to insert it anywhere else. does anyone have the codes for other sections like paragraphs? h1, h2 etc worked but only for headers. p didn’t seem to do anything. trying to edit the site bar that has “shop” “faq’s” etc. thank you so much! very new to coding
  17. Site URL: https://www.solafoodcoop.com/blog I am trying to use a different font than my global font on my blog homepage. I'd like to use Andika for "Morsel" and "Lato" for "A Tasty Blog by SoLA". I would also like to play around with the font sizes if possible. Lastly, I'd also like to add the opaque box behind the text as well. https://www.solafoodcoop.com/blog See attached image that I'm trying to recreate. Appreciate any help for those items. I've tried to add some custom CSS from other threads but nothing is working.
  18. Site URL: https://www.erinhartdesign.com/ Hello, Hello!! To have better control over my text layout and design I used markdown text blocks to input text on my website. I recently showed a friend my website on their computer and none of my text displayed as the fonts I assigned in the code. Here is an example of my code: <span style="font-family:AWConqueror Std Didot; font-size:1.7em; font-weight:bold; line-height:0em;">mystic seaport museum</span> <span style="font-family:Century Gothic Pro; font-size:1.3em;">flexible brand identity</span> </div> <span style="font-family:Century Gothic Pro; font-size:1em;">The Mystic Seaport Museum conducted a campaign to rebrand their organization's identity. They hired the Carbone Smolan Agency to help them better express their values and goals through their brand. I felt the solution they produced failed to accurately capture the characteristics the Museum prioritizes. Extensive research allowed me to gather enough information to develop an enhanced brand identity that better expresses their passionate pursuit to preserve the rapidly disappearing artifacts of America’s seafaring for the good of the community they engage with. </span> Can anyone help me figure out how to make sure the font styles appear on other computers. Thanks for the help!! Looking forward to hearing your suggestions.
  19. Site URL: https://circle-rose-hc64.squarespace.com/ Hello, I am trying to change the font style in my navigation bar for Squarespace 7.1 , I have looked around and can't seem to find the right code or method to do this. If anyone has any advice that would be much appreciated . Cheers,
  20. Hello! I have customized my site completely with my own font. The only two things I cannot seem to change, is the "cart" font when I am in MOBILE view, and the "category" product list. -The "cart" font has been customized for web view, but did not change for mobile view -All category fonts in my product navigation list has been customized, but it did not change the word "category"
  21. Site URL: https://apple-drum-7nk8.squarespace.com/perspectives I created a code injection to style two different font types and colors within a single text box, so to speak. In demo mode, it's working perfectly, but for some reason when I test the live version of the site, there's an extra line break appearing between the orange number and the title text (see screen grabs for reference). Within my html code injection, how can I either reduce the vertical space of the line break, or minimize the line height between the number and the chapter title. The first screengrab (in demo mode) shows how I want the live version (see second screengrab) to function. Site page: https://apple-drum-7nk8.squarespace.com/perspectives Password: p3akt3ch My HTML code injection: <span style = "p2"> <p2 style="color:#f95624"> 01. <h3>Build Your Story</h3>
  22. Site URL: http://www.gluten-freevacations.com Hi! I'm looking to change the font color for the main banner on www.gluten-freevacations.com to white on mobile only. I tried using the code below, but it isn't working. The gray font works well on desktop, but not on the mobile version just. Thoughts? thanks! @media only screen and (max-width: 640px) { #block-8c4ddc5f83fc9ca29d3f p {color:#FFFFFF} #block-8c4ddc5f83fc9ca29d3f h1 {color:#FFFFFF} }
  23. Site URL: https://mayflower-caribou-mapw.squarespace.com/config/design/custom-css Hello, I have uploaded this custom CSS: @font-face { font-family: 'Chequers-Regular'; src: url(https://static1.squarespace.com/static/5fea1ddcaa27802af95a5bdd/t/5fef85a889898a72c7476fbe/1609532840745/Chequers-Regular.ttf); } h1 {font-family: 'Chequers-Regular';} h3 {font-family: 'Chequers-Regular';} @font-face { font-family: 'BLunaPienaDemo'; src: url(https://static1.squarespace.com/static/5fea1ddcaa27802af95a5bdd/t/5fef81cda6a0ae63d6c87cde/1609531853152/BLunaPienaDemo.ttf); } h2 {font-family: 'BLunaPienaDemo';} h4 {font-family: 'BLunaPienaDemo';} But it is not allowing me to use the LOWERCASE Text and it is using the glyphs within the font which I do not want to use. How do I make these changes? See the image for an example. Thanks and Happy New Year x
  24. Hello I wonder if it's possible to have multiple colours in one sentence. When I enter the edit mode, there seems to have no choice of editing the colour of text. Like this, in this sentence, there's red, yellow and blue. btw I'm still in trial mode right now, but I'm liking square space right now, and most likely gonna pay for the student plan with my university's email. So if an upgrade can solve this issue it would be great! Thank you!
  25. Site URL: http://www.williamcouncil.com Hello! I added a custom floating button throughout my site, however the font Century Gothic (which is the main h1, h2 font across the entire site) is not loading on mobile just for this button, its displaying perfectly fine for the non custom css coded sections. I have my code input into page header code injection. is there any simple code I can input for it to display correctly? I keep trying @media screen and setting min/max but not making any progress. Help? This is what I currently have: <div class="kl-float"> <a href="https://www.sitename.com" target="_blank"> <h9 style="color:white">BUTTON</h9> </a> </div> <style> .kl-float { position: fixed; opacity: .95; top: calc(20%); right: 0; z-index: 20000; background-color: #D1A52B; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 50px; font-family: Century Gothic !important; font-weight: bold; font-size: 30px; padding-top: 30px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); transform-origin: bottom right; target="_blank"; box-shadow: 4px 2px 2px 2px rgba(0, 0, 0, 0.45);; } } </style>
×
×
  • Create New...