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

Search the Community

Showing results for tags 'index-page'.

  • 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: https://christopherswan.co.uk Hi, I would like to add a short page description to the top of the index pages on my site to describe what is shown in the index below. This would be used on the following pages. https://christopherswan.co.uk/portfolio https://christopherswan.co.uk/projects https://christopherswan.co.uk/places Is there code that can do this? Thank you!
  2. Site URL: https://www.moochcreative.co.uk/ On the desktop version of the website, we have a full width video, which work perfectly, but on mobile, it's too small, the plan is to switch to a portrait version of the video, when adding the video a separate section on desktop, it does not full the full index section, so when it's on mobile, you have space either side, the idea is that I was the full poirtrait video to take up the full depth on mobile. As the site is live, the portrait video section is hidden, so if anyone knows, I can make it live so it can be expected and any code can be shared, a screen shot is below showing the issue. The site is on 7.0. @tuanphan
  3. Hi there, I'm using the Bedford theme and I've been trying to use a page section under an index page as a title. I've seen it resized on other Squarespace sites but cannot get the size of the content section for the title to change, it is far too big and there is no way to drag it to make it smaller. I was able to get the top margin to adjust when inputting a negative value, but it looks terrible in mobile. Additionally, it appears there is no way to adjust the bottom margin, as doing the same just causes the content below it to overlap on top of the section above (I believe this is a collapsing margin issue). I've attached an image below. Any help would be greatly appreciated, thank you!
  4. Site URL: https://tropicalratchet.com password: g I have a rather "hacky" setup using the on-hover displays that Index pages offer to give an illusion of interactivity. I understand it won't quite work as well on mobile but I'm targeting Desktop users for this site anyway. Regardless, I have hit a wall.. I'm attempting to accomplish two tasks, one being rather easy yet somehow it isn't quite clicking, while another possibly being a bit more difficult: 1: Change the background on the Blank Pages that are listed within the index. I've tried various code inserts in CSS and Code blocks but for some reason they have yet to click.. Right now the backgrounds of the pages when clicked via the homescreen/Index are white. Would like them to be the image I have uploaded into my Custom CSS file directory Currently: This is the ideal end setup: Base Background: With images on top: 2. Accomplish this specific look and be sure it translates between Mobile and Desktop. I used code to force a specific width based off of screen size but that too hasn't worked. What I have currently: What I'm aiming to achieve: On-Hover: I understand this is rather hacky and am entirely open to other suggestions. However I do think it is possible within the current Squarespace framework + without using Fluid Engine. Check out what I have currently: https://tropicalratchet.com password: g Any tips greatly appreciated! Thank you
  5. I am currently working on a website built off of the Mojave template that utilizes the built in on-site search bar as well as several indexed pages. I would like for the search results to populate with the Index title, and not the titles of each page within the index. For example, one index is titled 'Missions' and it has the indexed pages of 'Missions-action', 'Missions-info', 'Missions-upcoming', etc. I would like the site search to only show 'Missions' and not the other page titles. Is this possible? Thanks for any help!
  6. Site URL: http://www.calhadaway.com Hey guys, I am using the Avenue template and wanting to make the auto columns minimum amount from 1 to 2. So currently in mobile view it is a single column for the index page. But I would love 2 columns for it (But keep the wide screen view as 3 culumns. Example of what I want. https://alvarobeamudcortes.com/ Thank you so much!
  7. Site URL: https://www.jasonwoz.com/ Is it possible to change the aspect ratio of images on the mobile version of the York template index page? Can this be done with css? The current aspect ratio on mobile is too tall. I'd like it to be similar to desktop or a 3:4 ration. Can anyone help?
  8. Site URL: http://hannahbianca.com Hi there! Currently updating my website/portfolio and wanted to look into adding smooth page transitions to appear as if it's on the same page (similar to an anchor link or link to a section on a page that if possible, doesn't show up without clicking) like laterwolf transitioning from the WORK to ABOUT page as well as the VIEW PROJECT links when scrolling down. AND if possible would love to have an index link section like they do here on ilovecreative's pages on the far right (the small scrolling circles). The problem is I haven't worked on my website in so long that I don't know what theme it is but have figured out that it's on a 7.1 template. Would it be possible to do what I want with my theme? And if so, how can I do it--whether through coding or customization within Squarespace's settings? I'm not new to website design itself through Squarespace but am less familiar with coding and customization and would appreciate any help toward this!! Thank you!
  9. Site URL: https://www.raiffiesart.com/leffiesart Hello there! The browser on my phone has dark mode enabled. I noticed that the images of banners don't show up in dark mode. Though there appears to be a glitch where they show up for a fraction of a second when I quickly tap to the menu bar. I attached a video to illustrate this better. Which makes me assume that Squarespace automatically overlays a dark grey box in dark mode? They work perfectly fine in light mode, though. It only does this in dark mode. Anyone have an idea as to why this is and how to fix it? 2022-09-07 - Forum Post.mp4
  10. Site URL: https://www.roygarzza.com I don't want the thumbnails in the index homepage to be clickable. I have a bunch of gifs in my home page that I want to use as welcome presentation without being able to click on it. There is a question in this forum that is very similar to what I am having trouble with.The difference is that I am looking to do it in the thumbnails in the index. here it is "Hi, I realize Squarespace doesn't supply the option to disable clickthroughs for a gallery block, but I'm wondering if there is a CSS ... workaround? I'm familiar with very basic coding but nothing like this. Basically, I don't want the images in the gallery homepage to be clickable/openable. Wells template. I could switch to an image block but that doesn't give me this layout." hopefully there can be a code that I can use to make it possible! Thank you 🙂
  11. I'm trying to remove the overlay color of the banner section of one of the Index Pages on my site.... The option in the Style Editor will remove it from all pages... Any idea?
  12. Site URL: https://www.jodistewartart.com/portfolio-drawing-watercolour I've attached categories to all my artworks so the viewer can search through different collections and available works but how do I stop ALL the works showing up when you initially arrive at the page? I want it to be like this site https://www.jamesguppy.com/galleries.php but I can't figure out how to put an index in. TIA - this is breaking me
  13. Site URL: https://www.davidwilson-brown.com/1288-productions Hello, I'm trying to resize the images on my index pages for mobile screens. I've tried a few pieces of code in this thread, but I'm not sure if I'm grabbing the correct id. Here's the code that I'm using and images for reference. Thanks for the help. Using Find Squarespace IDs and this is what I get: #collection-62112bb786cd8c28fd38ee6f. Am I supposed to include everything from this below, or just the id number itself? @media screen and (max-width:767px) { [data-section-id=-62112bb786cd8c28fd38ee6f]{ width: 100% !important; height: auto !important; } }
  14. 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?
  15. Site URL: https://www.shinewater.com/new-home-working I'm trying to remove all spacing between the bottom black horizontal line and the orange circle on the right. How can I remove all padding from the #new-page-3 section?
  16. Site URL: https://vitality-club.squarespace.com/ Hi there, I am wanting the align the image to the edge of the index page. At the moment it's floating in the middle. Should I adjust the padding of the overall page? or tell the image where to sit? Thank you in advance! Password: Website4321
  17. Site URL: https://www.teemochon.com/ Hello! My website looks different on the mobile view than to the desktop view. I have index pages with images that go down vertically in the desktop view, however, when I change to the mobile view, it makes two rows of the index pages. I am trying to figure out how to keep my mobile view the same as the desktop view. I am using Avenue template.
  18. 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!
  19. Site URL: http://contrivium.com/new-index I am using the Avenue Template. Currently I have an index page featuring thumbnails that show the thumb title upon hovering. But I'm also looking to have the thumbnail transition to a different image when rolling over as well. I found a helpful code from a website, but the code is tailored for a blog collection page, using a section id. Is there a code that can be implemented for an index page. Here is my site: http://contrivium.com/new-index and attached is original thumbnail image along with the transition image. Here is the tutorial I found, but had trouble using: https://www.will-myers.com/articles/replace-thumbnail-image-on-hover featuring this code: /** * [PAGE NAME] * Display New Image on Hover **/ section[data-section-id="123"] { //All Item Settings .image-wrapper img { opacity: 1; transition: opacity 0.3s ease; } .image-wrapper { background-size: cover; } //Template .image-wrapper[href*="POST_URL"] { &:hover img { opacity: 0; } background-image: url("NEW_IMG_URL"); background-position: 50% 50%; } }
  20. I am currently using Avenue template. In the index page, the index thumb titles are overlayed center to the thumb nail. However I would like the text to be on the bottom side of the image, rather than center. Here is a link to a website for reference, under the "work" page. https://www.campos.studio/
  21. Site URL: https://shannonfinnegan.com/ Hi! I use an index page on my site to feature my projects. Each project has its own page. Recently a project has grown and now has it's own site. So I want the thumbnail on my home page to link to alt-text-as-poetry.net instead of /alt-text-as-poetry. Is there a way have the thumbnail as an external link with custom code?
  22. Site URL: https://www.sociallanestudio.com.au/ Hello! I am creating a single page site for a client and have added this code to the section: <div id="about"> </div> I've then linked the section to the navigation bar by /home#about however it shows up in the nav but doesn't click to the section on the page? Not sure what I'm doing wrong.
  23. Hi, I'd like to have both gallery images and index page images display as a single column of images (rather than 2 columns) on mobile. I'm using Avenue template (7.0) Could anybody help with this? Thank you
  24. Site URL: https://www.kalyquarles.com/ Hiya! I'm currently on the Avenue template and my home page is a bunch of indexed pages. I'd like to have a homepage that just displays images like this. I've tried adding gallery pages but I can't figure out how to make it automatically display different aspect ratios. I'd rather my images just open in a light box with navigation arrows. I know there is probably a painfully easy solution to this that I'm missing so I appreciate any direction! Thanks so much!
  25. Site URL: https://www.skylarlibertyrose.com Hello. I'm using the Sofia Rey template (Brine) 7.0. I'd like to add a couple of Index Pages to a folder that would be visible in a dropdown menu. Ideally I want to keep the index pages as they are (rather than convert them to a regular page) as they're sales pages and are easier to update as an Index. I only use one piece of custom code on my site which is to hide the site title on certain pages. So I'm trying to figure out what code I can use to help with this that won't interfere with anything else on the site. Any help would be much appreciated.
  • Create New...