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. 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?
  2. 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/
  3. 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!
  4. 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
  5. 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!
  6. 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.
  7. 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.
  8. 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!
  9. 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
  10. 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.
  11. 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?
  12. 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.
  13. 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!
  14. 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/
  15. 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!
  16. 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;}
  17. Site URL: https://www.felixdiazescauriaza.com Hello all! I'm using Flatiron template for my illustration portfolio, and my Squarespace 7.0 site is integrated with Google Analytics (UA property). By default, Google Analytics tracks the index page as a whole, but doesn't show each picture from the index's gallery individually, so a few years ago I looked for a solution that would make G Analytics trigger each time a single picture from the index gallery was selected. I found this great solution from Silvabokis (Colin Irwin) that consisted on inserting some CSS in the header of my Squarespace site, and it worked amazingly: each time someone selected a picture to display from the index gallery, Google Analytics counted it as a single page si I was able to see which of my illustrations was more clicked. This is the injected code: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> var initialhref = window.location.href; window.setInterval(foo, 1500); function foo(){ var currenthref = window.location.href; if ( currenthref != initialhref ) { var arrsplitvpv = currenthref.split('https://www.felixdiazescauriaza.com/'); var trackurl = arrsplitvpv[1]; var pagetitle = $("#grid .sqs-dynamic-data-active .project-title h2").text(); ga('send', 'pageview', '/vpv/' + trackurl, 'pagetitle'); initialhref = currenthref; }; } </script> It worked until recently. Now it doesn't trigger when anyone loads a particular picture from my index gallery. I understand some code but I'm really far from being able to touch it, so I don't know what's happening now... I recently changed my domain to felixdiazescauriaza.com, and I Donn't know if that has got something to do with it failing... I've updated Google Analytics to reflect the new URL, and also everything in Squarespace, etc... I'd appreciate it if someone could help me solve this or if there's another workaround to being able to track each individual picture from my Flatiron index in Google Analytics, please. Maybe switching to the new Squarespace 7.1? Also, all the credit to Colin Irwin at Silvabokis for the mentioned code. Thanks so much in advance!
  18. Site URL: http://colorist.us I have an index page with galleries under it. But I want a few pages that mimic the behaviour but only have some of the gallery posts. So on the main site it would have all of them, but then if another navigation page is selected it would be a subset of the posts. For instance separating out blog posts, or photos, or videos. I would assume this could be done with tags, but I made a second index and I don't see any way to do anything but add new pages. I don't want to duplicate the content because then if I need to modify something I'd need to modify it everywhere. Difficult to build all pages twice, not to mention SEO issues. Is this doable or do I need to ditch squarespace and build a custom site? Thanks.
  19. I like the flatiron template with the gallery and then clicking on the images to view more of the subject. Instead of then clicking a back button, you scroll down and are at the overview of the gallery again. What is this type of gallery style called? Does anyone know?
  20. I currently need help editing my header so it looks similar to the image posted below. I am looking to move the title "waqas" in the middle and the page links "Work" and "About" on each side respectively. ATTACHED is a mock-up i'm looking to achieve
  21. Hi there, Hope your all well. I am trying to create my website and have a friend who is using the Flat Iron template but i cant find it anywhere. Can anyone help me find it please? Thanks so much Georgia
  22. Hello, I am looking to customize my CSS to have the footer be fixed at the bottom of the page.
  23. Site URL: http://sydney-friedman.com/ I'm trying to change the background color of the body of one page. I'm trying to make it a light grey since the images on top will have white backgrounds that I want to appear. What code do you recommend I use in the Custom CSS ? The template is Flatiron. Thanks!
  24. Site URL: http://alextreadway.co.uk/journal Hi Squarespace people. So I've used some custom code on this site to add some padding around the images on the homepage, custom fonts etc. However it's pushed the content on my standard pages to the left hand side. How can I override this back again so it lines up nicely with the logo above? Any help much appreciated! Sharing my CSS below on separate post.
  25. Site URL: http://nichowell.com I'm trying to add spacing between my projects using the Flatiron Template. I grabbed the code from this question... I'm hoping to use a black background and when I change the color to black in this code i end up with a white margin on the right side of screen. So it looks like the below. Any thoughts on how to remove that white margin or really just make sure it's black as well. Thanks.
  • Create New...