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


  • Events Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. 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
  2. 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!
  3. 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.
  4. 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?
  5. 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?
  6. 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?
  7. 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!
  8. 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
  9. 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
  10. 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.
  11. 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?
  12. 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/
  13. 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!
  14. 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
  15. 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!
  16. 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.
  17. 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.
  18. 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!
  19. 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
  20. 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.
  21. Hi there Is it possible to add space between the images on the home page and does adding code only work if your site is live. Im working behind the scenes on Flatiron whilst running Wexley Thank you
  22. i'm trying to find a way for my cover page image to resize in mobile view (flatiron template). currently, it gets in the way of the navigation buttons in mobile. i know this is a problem that a ton of people have had but i can't seem to find a code that works. if possible to resize and move the navigation buttons to the top/in line with the social icons when in mobile view, that would work too. any advice/help would be greatly appreciated.
  23. Site URL: https://www.samrastrom.com/ What if you wished to change the word -view- on a per gallery basis as opposed to every project?
  24. Site URL: https://www.briannamorgan.com Hi there! I'm a baker (and a total website newbie!) and am trying to figure out how to adjust my header size in flatiron. I had experience with HTML coding about a decade ago and have zero experience with CSS. If anyone can help that would be amazing as I have done all that I can do with the controls on squarespace and need to go into the coding to remedy this. If you see on my site there a lot of headspace between the bottom of the logo/navigation and the actual content. Thanks in advance!
  25. Site URL: https://www.jarodocton.com I've added some custom-css to the flat iron template, with the intention of centering the logo and navigation. Everything looks good once the website is cached but sometimes, most often when a user first visits the site, the header clips/covers the portfolio content. Does anyone know some extra line of css that I can add to prevent this from happening? I just want to make sure a visitor can always see the full graphic when they arrive to my site. Thanks in advance!
  • 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.