Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'farro-template'.

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

Found 11 results

  1. Site URL: https://klyntji.com Hi there I have a small coding issue which is driving me nuts and I don't know how to fix it. I have some basic custom code installed to make my menu bar sticky, which also means Squarespace doesn't want to help me unless I remove it. I have two menu folders at the left side of my site's menu bar. When hovering over the first "menu" and then the second "zine", it shows some text cut-off at the bottom of the "zine" folder. This text does not exist as a page. If you open the page in a new tab and only hover over "zine" without having hovered over "menu", all is well as the cut-off text does not show. I don't know where the cut-off text originates from or why this is happening. I attach a screenshot showing the cut-off text. Any help would be greatly appreciated.
  2. Hello, new in this community. Have my eyes on the Faro template but can't find it anywhere to install. Any hints, tricks and tips? Thank you, Daniel
  3. Site URL: https://www.katiefrigginburk.com/about On my site (Farro template) I have a blue background color, except for the About page, where I want it to be a pink tone (https://www.katiefrigginburk.com/about). I have this CSS in "code injection" which makes the background of the page elements appear pink: <style> body#collection-5f3b2c45ab40561612eeb9bb { border-color: #F7E5EE; } #collection-5f3b2c45ab40561612eeb9bb header.Header.loaded { background: #F7E5EE; } #collection-5f3b2c45ab40561612eeb9bb main#main { background: #F7E5EE; } #collection-5f3b2c45ab40561612eeb9bb footer.Footer { background: #F7E5EE; } </style> This works correctly on desktop. However, on mobile, most of the background is pink but the bit around my main page header (with my site logo and navigation menu) is still blue. Does anyone know why or how to fix this? I tried a few things but nothing seems to work.
  4. Site URL: https://chrysalis-collie-n4gg.squarespace.com/ Note the password to view my test site: ;WKy%,:PC3#8bjX: The main page of my website (https://chrysalis-collie-n4gg.squarespace.com/work) has photos that you can click on to go to other pages (different categories of work). Each of these photos has a title shown over the lower part of it. I would like that text to be highlighted (i.e. the box behind the text should have a color and obscure that part of the photo it covers). Right now the text is black and sits in front of the photo. User tuanphan helped with a similar background color question last week. Unfortunately I have not had success adapting that solution for my new problem. When I "view source" my page, I see that this text is written as a h2 with class Blog-title. For example: <h2 class="Blog-title" data-content-field="title">The NPR Calendar</h2> So I tried to use the "code injection" option to set the background color of h2s in the Blog-title class to be my specified color. Unfortunately, this code does not appear to do anything: <style> h2.Blog-title {background: #F7E5EE !important;} </style> I know the h2 specification is correct because if I specify e.g. color instead of background, it changes the font color correctly, and if I specify font-size it changes the font size. So I am definitely targeting the right part of the page, it is something about my use of background above which is called. I have also tried e.g. background-color, and not using !important. I am not sure what else it could be called or how to find out. Does someone know what I am doing wrong here?
  5. Site URL: https://www.jennifermag.com Hey all, My wife's site is built with Farro. It works great for pages with banner images. But for pages that do not have the banner, the white logo is on a white background and therefore invisible. Is there a way to have an alternative version that is black for white pages like this: https://www.jennifermag.com/about Thanks, Dave
  6. Hello!I'm using the Farro Template and have found that for several screen sizes (iPad, iPad Pro Portrait, Mobile Landscape) the nav and footer aren't responsive. Is there some code I can use that will detect when the Nav is running over two lines or overlapping itself/ other content and switch to the mobile menu?Failing this, just a mobile query for screen sizes 768px width or below that will switch to mobile design – I have tried some suggestions in other threads but they haven't worked for this template. Site: https://clownfish-maracas-6wwx.squarespace.com
  7. I have been trying for days in CSS but cannot get the font in anything to change. I am trying to get the site title and the blog title headings on the home page to change. Here is what I have, but it seems to have no effect and I have tried several variations. TIA!!! @font-face { font-family: 'QUANTIFY'; src: url(https://static1.squarespace.com/static/5dfa8d8f3dca077a2e9c02d2/t/5dfab078f9cc2c0a444b03dc/1576710264403/Quantify.woff); } /* Custom Font - Site Title */ .site-title span { font-family: 'QUANTIFY' !important; } /* Custom Font - Header Main Navigation */ .main-nav * { font-family: 'QUANTIFY' !important; }
  8. Site URL: http://bit.ly/39WMa9Q Hi everyone, I'm curious if anyone knows enough Squarespace behind the scenes to help me understand how a particular site customized their template. I'm familiar with basic CSS tweaks and styling themes, but not fully in a Squarespace context. I don't know the ins-and-outs of SQ templates, available content types, etc so could really use some pointers with the following example ... Here's the site I'm looking at - http://bit.ly/39WMa9Q . First of all, looking at the code, I know based on their template ID that it's a custom one based on Farro/Haute family (template id looks very similar but not quite the same). Looking at the two demo sites, I guess it's closer to Haute https://haute-demo.squarespace.com/ than to Farro https://farro-demo.squarespace.com/ . So with Haute as my starting point, what should I do to make my demo site I'm working on look a bit more like theirs? To achieve: a) most important - a similar looking Home page hero with the background looping video fading to image carousel. I think they might have done this with extra JS in their <head> section (look for function headerFade in their homepage source code), but I'm not 100% sure. How do I achieve this look? b) a similar looking content type like their About and Retailers pages (see their top nav); the About page in Haute is not quite there in terms of available layout elements I think, but I may be wrong? c) the tiling of content links under the hero banner (I believe this is blog post tiling because it looks very similar). theirs is tiled as 3-2: first a row of 3 , then a second row of 2; in Haute it goes 3-1-3 : 3 in 1st row, 1 in 2nd row (full width), then 3 per row again - and I don't know how to change it d) this one's not as crucial - the Instagram tiles at the bottom which also connects to their Gallery page
  9. Hi! Would anyone have any insight as to how I would be able to enable a header image on my homepage? I'm using the theme Haute which doesn't seem to have the ability to do so however the blog feature does. I want the header image to be at the top and full width even though my site width isn't full width. Ideally something similar to that on Bedford or Brine themes. This is the site I'm currently working on: https://seabass-arugula-rx3f.squarespace.com/ Any guidance would be appreciated! TIA! :)
  10. Hello, A small imperfection but a curious one. While I have set the letter spacing to zero, for some reason my site Title (top left instead of logo), the titles of the projects (or blog posts in the base-template) and the links in the footer have letter-spacing on iPad and iPhones. This can only been seen when you check the device itself (not Developer Tools). I have also checked some non apple devices and this issue is not apparent. I have attached a screenshot from my phone vs from developer tools to compare. Does anyone know what might be causing this and have any suggestions on how to block it?
  11. I'd like to change "Related Posts" to say "Related Projects" – using the Farro template. I assume this involves jQuery but haven't managed to find anything other than this article for amending the search input. https://answers.squarespace.com/questions/13459/how-to-change-search-text-to-something-custom.html I guess it has to be something similar to this but none of these solutions work in my case!
  • Create New...