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

Search the Community

Showing results for tags 'flatiron-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
    • 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: 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.
  2. 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?
  3. 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?
  4. 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?
  5. 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!
  6. 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
  7. 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
  8. 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.
  9. 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?
  10. 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/
  11. 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!
  12. 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
  13. 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!
  14. 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.
  15. 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.
  16. 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!
  17. 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
  18. 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.
  19. 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.
  20. 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!
  21. Site URL: http://www.ricksouza.com Hello I am trying to add a line of text on hover on Flatiron template. Right now on hover there's scale and darken effects. I also want a line of text to come up with a description, something that's not the page title, but custom. Can anyone help? Thanks EDIT: The result I am looking for is something like this https://ludmilalacerdabarros.com/
  22. Site URL: http://www.ricksouza.com Hello all! I'd love to keep my logo on the right side and have a hamburger menu on the left when my website goes to mobile. Can anyone help? Thanks!
  23. Hello, I'm previewing the Flat Iron template on a version 7 website and wanted to see if there was a way to use an image in place of a solid color for my header's background. I found some custom CSS code for Brine templates but can't figure out how to alter it to get it to work for Flat Iron. Any ideas? Thanks! .Header {background-image:url('your-URL-here'); background-repeat:no-repeat; background-size:cover;background-position: center;}
  24. Site URL: http://alextreadway.co.uk/ So does anyone know how to get the social icon links at the top in the Flatiron template? Next to the navigation?
  25. Site URL: https://www.ecosong.band/ Hello. I am using the Flatiron design template. My Homepages is populated with a gallery of images that each go to a different page or link to YouTube videos. I have uploaded each pages image through Pages > Page Settings > Media. That automatically populates the home page with the images, that work as page or video portals. My problem is that the bottom edge of the image gallery looks amateurish, because the photos are different sizes. Whereas the top is a clean line, the bottom of the gallery is "blocky." I don't want to go through a crop each images so that it is the same size, which could possibly solve the problem. Plus, depending on what browser and computer someone views the page on, they might still not even out correctly. Is there a way to either even it out automatically or else use some sort of blending technique to have the bottoms all trail off into a background image?
  • Create New...