Jump to content

Search the Community

Showing results for tags 'flatiron-template'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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.jessejamesmcelroy.com Hey FLATIRON the menu in itself gets cropped once I try to open it, but when I scroll its fine. its like blocked by the content. Each time I try it crops it in a different place, pictures attached. Anyway to fix it?
  2. Hi I am currently updating my website and copying content over from squarespace 7.0 to 7.1 however I really liked my old gallery page from 7.0. Is there a way to keep that old gallery style, with coding or a different template thats similar in 7.1? my old template was on flatiron my new template Is on skyloop.
  3. I would like to disable the (default setting) LOGO as a link to go HOME on a website — and wondering if there is a setting and/or a script that can be added to do so. I don't want the logo to be clickable or a link on this particular site. The website uses FLATIRON template (for 8 yrs!), in case that matters. Thanks.
  4. Site URL: https://www.jesperblaesild.dk/#/sort-hvid/ Hi I would like to add a two column grid to gallery collection for the Flatiron template. I understand that column grid is not provided out-of-the-box. Can anyone provide me a hint on how to setup two column grid, similar to the following example: https://www.mathildeschmidt.dk/#/forfatter-iben-mondrup/. Thanks in advance.
  5. I’m using SS 7.0 “flatiron” template. The main page content is not filling the screen when live. It fills the screen in the editor, but on the live pages and galleries. It justifies the left side of the screen/content area. In the styles section, there is a slider that reads “project detail width” with a max of 1200pix. I need the entire page to be responsive and fill the screen. You'll notice, in the live view, there is a lot of empty realestate to the right of the main image (see attached examples). Can the width be a percentage rather than a fixed pixel width? Can this change be made in the code? Custom CSS?
  6. I'm using the Flatiron temple and I'm having trouble getting the page to display all the gallery pages within the index page. I've included a screen shot where you can see there are other pages listed but there's no way for someone to access them from the page that they are within. I've gone through and logged out them back in, closed the page and reopened a different one, and done a ctrl+f5 with no luck. I've gone thought the various settings too and I can't see anything that might control the amount of pages that are viewable either. Any help would be really appreciated. https://www.drawntocolour.com/ Password: HelpMePlease
  7. Site URL: https://www.cinnamon-denim-edy4.squarespace.com Hello everyone! I am having a bit of trouble getting my site to look how I want. Essentially I want it to look like the "Gallery" page, see image 1, but it looks like the "Home" page, see image 2. I really don't need this taking up that space on the left and I would like to just put all the info on headers or footers. Thank you!
  8. Site URL: http://alextreadway.co.uk Is there any way to run one of the images in the Flatiron grid across more than one column? So that I can emphasise one or two by making them bigger. I'm guessing this is not possible that easily, is there any way? For example the 'Trekking Beyond' image in attached pic. I'd love to be able to do this! Thanks.
  9. Site URL: https://www.jessejamesmcelroy.com The fifth index page title does not display in the right order in the gallery. The 5 and 6 titles swap positions but on mobile its fine. Anyway way to fix on desktop?
  10. Site URL: https://www.codylafond.com/ I've managed to add a custom font to my site (Flatiron 7.0 template) but I can't for the life of me sort out how to control the font weight. The font itself can vary from quite thin to quite bold when used in Adobe programs, however it exclusively appears in a medium weight throughout my site and I cannot sort out how to get it to appear bold in some instances and thin in others. I suspect it may be due to the font being a variable weight font. I've tried specifying the font weight in CSS (ranges from 100 to 800) but it won't take effect. Any advice on how to approach?
  11. Hi. I'm using the Flatiron template. When I open an item from the Index in a new tab, the page title and description don't show. I've read on Squarespace that if that page is clicked from Google, then also the page title and description don't show. They'll show only when the page is clicked directly from the Index. Is there any code to solve this issue? Thanks!
  12. Site URL: https://www.andrewclaridge.net Hi Everyone, I'm really hoping someone can help me. I'm at my wits end trying to figure out how to reduce the height of the header on my site (Flatiron Template), it's too large and basically looks stupid. I've spent hours online, tried different CSS code from other forum questions and while some of it worked within squarespace it wouldn't work on the published site. See screenshot of what I'm talking about. Note, my logo image file has zero space around it, so it's not the logo. I'd be so grateful if anyone could help me with this. Thanks in advance! https://www.andrewclaridge.net
  13. Site URL: https://www.john-crump.com Is it possible to create a custom password field that when filled in, it will redirect the user to another page? Basically I have a 2 index website and when a user clicks on a particular thumbnail on my homepage, I want the user to be taken directly to the password protected 2nd index. Currently I have an extra step because I can't get "URL redirect" to work with my template, so when the user clicks the thumbnail they are taken to a page where they have to click a link that takes them to the password protected index. I hope this makes sense! It seems like something that is possible with some custom CSS perhaps. Thank you
  14. Site URL: https://jacksonruckar.com So I'm using #navigator header#topBar ul#nav { display: block; float: right; } to make the nav bar on flatiron pop over to the right, but when I do this it breaks the mobile view. I was going to fix this by just disabling the mobile view that squarespace does in template settings, but that's actually killing my load times and user experience on mobile. anyone know a fix t make mobile not behave this way? I re-disabled it because the nav being messed up looks so bad, but I can redo it if someone needs it to find a fix. The nav in the red circle shouldn't even show up on mobile, but only does when I use the code mentioned above to move the nav on desktop.
  15. I've been looking and tried a few CSS options, none worked. Any chance someone can tell me how to kill this dead space between the nav/site title header and the actual content?
  16. So I am using the flatiron template for my photography website. I have an index page for my different albums of photos I will be featuring, but I have a problem with the page you are taken to when you click on a thumbnail for an album from the index page. For example, I have an album for Colorado. The custom slug is /colorado. When I type in [mywebsite].com/colorado, the photos and text are nicely aligned front and center. When I click on the album from the index page, it is aligned left, with an unaesthetic title and share button. This URL is [mywebsite].com/[indexpagename]#/colorado. How can I get rid of that middle url slug when people click on the album covers? Any help is greatly appreciated! https://www.davidgluhaich.com/ https://www.davidgluhaich.com/stills#/colorado/ https://www.davidgluhaich.com/colorado/
  17. Site URL: http://tylerelise.com Hi there, I'm currently using this code in the custom CSS for my website to get the gallery images to have 8px of space between them: #container-content { padding-left: 8px!important; padding-right: 8px!important; } #grid .item { margin-left:-8px; a { border: 16px solid #fff; } /* Overlay size on hover */ .wrapper { margin: 16px; } } The issue I'm noticing is that the images now sit towards the bottom right corner and are off-center in the box. I've attached an image of what this looks like in edit view, you can see the content is sitting towards the bottom right of the container. It seems like something is effecting the right margin within the code (I've also attached a screenshot from the inspect view to show this). I'm wondering if maybe because it's a white border and not a margin the borders to the right of each image are now covering 8px of its neighboring image? Any help would be appreciated, thank you!
  18. Hi, I would like to know if it's possible to have some space between projects in the gallery of Flation. (Like the Wexley template) Thanks a lot! Jany
  19. Site URL: https://www.codylafond.com/#/therwood/ passcode: heyyouguys I'm having trouble aligning these two text blocks along the bottom. When the browser window is resized they move up and down independently of one another. The left text block is just a regular text box with h1 text (with some custom CSS targeting it to adjust size, line height etc.) The right-hand text block is a code block with custom HTML/CSS to create a grid with a 3 column layout. I'm hoping there's a way to target the block IDs and align them that way, however I haven't found such a solution. I considered creating a new code block similar to the 3 column code block on the right-hand side, but creating it so that it spans the full width of the page, and has the heading appear within the first cell, while the 3 column content would populate columns 2-4. That way it all behaves as one unit. Unfortunately my HTML/CSS skills are leaving me with more questions than answers on how to pull that off. If anyone could point me in the right direction that would be fantastic!
  20. Site URL: https://www.codylafond.com/ I'm having an issue with controlling the width of the content on my project pages specifically when opening the projects in a new tab or window. With the following code the pages work just fine, but only when clicking through from the home page. It does not take effect when opening in a new tab (example below). /* Controls width of content */ #project .gallery { max-width: 100% !important } I noticed that the URL changes ever so slightly when opening in a new tab by removing the /#/ between the domain name and the slug. I suspect this is because the home page is an index style page and the other pages are sub pages of said index page. URL when clicking through from the home page: codylafond.com/#/example URL when opening in new tab/window: codylafond.com/example I can't seem to control the width of the content on these pages when opened in a new tab/window. Anybody have any experience with this or know of a solution? Thanks in advance.
  21. Site URL: https://www.codylafond.com/ Hi all. Through a ton of trial and error I was able to make use of a custom font for the nav, however I cannot seem to increase the font weight beyond it's current state. The font in question is a variable weight Google font (Plus Jakarta Sans) which can go up to 800, but it seems to be maxing out at 400 (visual estimate) or so despite several attempts to specify the weight in CSS. I'm also trying to eliminate the underline in the nav entirely from both the active link state and the inactive link hover states. No luck on that one so far either. My template is Flatiron on 7.0.
  22. Site URL: https://www.codylafond.com/ Using the code below I was able to change the hover state of the grid items to display a custom photo /* Change image displayed on hover on project grid */ #grid .item.hovering .wrapper { background-image: url(https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg); background-size: cover; background-position: center center; } However I'm hoping to target each grid item individually and have a unique photo display for each. Any tips on how to go about it? Thanks!
  23. Site URL: https://www.ntsc.me/work https://www.ntsc.me/work Second Index: https://www.ntsc.me/index_2#/index_2_2/ Hello Friends. I'm hoping someone can help a bit here. I will be so thankfull!!! This is the FLATIRON GRID. I just need to change and (re/point) the link of one specific thumb/project (image/Title and view word link), to open a second index instead of open the relative project. With this script: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('#grid .item a div.wrapper div.project-title h3').click(function() { window.location = "https://www.ntsc.me/index_2#/index_2_2/"; }); </script> The word “VIEW” in the rollover of the project thumb in the grid, is point already perfect to the second index, but have two bad things: —>1- Is just working in the word “VIEW” of the thumb ( need to work over all this thumb ans not just in the word view ) —>2- Is changing the links for the “VIEW” words from all the projects thumbs of the grid. ////// SO! I just need a bit of help with the script in order to make this link (re-pointing) happen, and be able to ( for very very Huge projects) use a dedicated index...., letting users arrive there from the principal index by a click over a MAIN inicial thumb. Thanks a lot!, for your smart help! LA
  24. Site URL: http://www.goodthingfactory.com/ Hi All ... SquareSpace support suggested I post here. Apparently, there's a 100 subpage limit for a given index page in the Flatiron template. While you can add as many pages as you want to the Index only the first 100 will be visible through any navigation path. The CS rep I spoke with seemed to think there's a way to modify the code to remove the limit. I've searched through previous posts but haven't come up with anything. Thanks in advance for the help.
  25. Site URL: https://matthewkoscica.com/ Hi there, I'm using the Flatiron template and when I'd love to add a small description to the hover instead of "view". Currently when you hover you get something like Page Name "-view-" , but would love to replace the "view" with a small bit of text like "lighting" or "concept", unique to each project description. Is there a good way to do this? Thanks!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.