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

Search the Community

Showing results for tags 'landing-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. Hi everyone, I have a client who would like me to create a landing page/welcome page before entering their main website. They'd like there to be two buttons with text prompting them to 'Choose their Mood'. The user then selects 'Day' or 'Night' - leading them to the main website in either a light colour pallet or dark (pending on their choice). The main website's content would be identical in both 'day' or 'night' formats - the only difference being a change in the colour pallets. Is this possible? Or overly complicated? I'm looking for any and all the guidance I can get! Thanks in advance, Gabrielle
  2. Site URL: http://solucionesadi.com/ Hey guys, I'm new to squarespace and I'm interested in creating a web page that can show both type of projects that my company do. Just to give you an introduction, my company work as a construction general contractor but as well we sell energy and water efficiency solutions for the construction industry. I want to create maybe two "microsites", not sure if that is the correct description, but basically divide my landing page into two sides, one the GC side and the other one the Energy / Water Solutions. We will use the same URL, for example for one project will be xyz.com/water-energy-solutions and the other project will be xyz.com/construction Please find attached an example https://www.fraternapladis.mx/. I got the idea from this web. I'm looking forward for your comments on layouts or templates that I can work this out and as well CSS coding to make it happen. Thanks in advance, Francisco.
  3. Hi, I have a landing page that is super simple. This landing page has a dozen URLs that forward to it. My goal is to have the URL that is forwarded to this landing page show up on the page somewhere. This way the person who typed it in, will have some continuity. I don't want to achieve this through URL masking, rather something "on-page". Thank you
  4. Hi guys, I am trying to create a Homepage / Landing page on my website and I could use a bit of help. I am trying to reach this result https://www.ghostplugins.com/products/super-slideshow-gallery-autoplay-version?peachs_apc=christy-price, however, I am using version 7.0 of Squarespace. I have created an Index with a Gallery set to Slideshow that became fullscreen following this tutorial https://christyprice.com/blog/full-bleed-slideshow I have only managed to hide the footer and header with this code in the Index Page > Settings > Advanced <style>.Header, .Footer, .Mobile-bar{display:none !important; } </style> But I would like to bring back the Logo of my site, without bringing back all the header and adding a text and a button to each slide. I must let you know that I have custom code for the header that is slanted, so when I tried to use .Header-nav in the code above, it brought back the logo with the header background colour and some bug flashing the "slanted part" when the slide changes from one to another. I will attach some screenshots just to be more clear since this landing page is not online at the moment. "Slideshow Fullscreen" "Slideshow with the .Header-nav in the code" "How the Slanted Header Looks on the rest of the website" Any help would be highly appreciated, considering I have tried many techniques in tutorials, but with no good result. Thanks!
  5. Trying to create a landing page with where the full-bleed background image changes when hovering over different text. Does anybody know how to achieve this on Squarespace 7.1? Similar to this: https://nicolainiermann.com Thank you!
  6. Site URL: https://kazoo-lanternfish-ejx7.squarespace.com/home/#/new-page-1 Hi, I am building a custom sales page on Brine. I have removed the header logo and navigation and am now building out my 'header' of the sales page. I have managed to code the background image, logo & text to sit well when the window is full screen (13 inch) but any resizing sends things up and it gets cropped. I am wondering if someone has had similar happen? I am hoping to be able to code this for Desktop, Tablet and Mobile. The code I have used so far is as follows - PAGE HEADER CODE INJECTION - <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Custom CSS - //Sales Page header //header image #block-yui_3_17_2_1_1652461734997_2785{ position: ; z-index:1!important; padding-top: 1%!important; margin-top: -26% !important; margin-left: -6.5% !important; margin-right: -6.5% !important; margin-bottom: 0px !important; } //header Logo #block-yui_3_17_2_1_1652455646794_1841 { position: relative; z-index: 100; margin-left: auto; margin-right: auto; top:-36em; max-width: 150px!important; } //Header Text Block #block-627e75e34300671849380e1a p {color: white!important;} #block-627e75e34300671849380e1a { position: relative; z-index: 100; top: -24em; margin-left: auto; margin-right: auto; } Any help is appreciated 🙂
  7. Site URL: https://www.byronphotography.com.au/home Hi, i am creating my own website for my photography. I created a Landing Page, and now it shows up in the navigation on my home page, can i remove the "landing page" button?
  8. Site URL: https://offroadcampingadventures.com Hi, I'd like some feedback on the website I created. I have a few visitors sign up as members in the past month since creating the website. Looking to see if I need to do something different, Do I have enough information to convey benefits?
  9. I'm searching for a way to scroll through a Reel by either clicking on pictures (thus mimicking the behaviour when pictures are shown in a lightbox) and/or using a mouse wheel. When using the mouse wheel, then the pictures should be scrolled horizontally, as if they are swiped. The idea behind this is to remove the navigation arrows, to make the landing page more minimalistic and comfortable to navigate. Is this somehow possible to achieve on the personal plan with Squarespace v7.1? See this site with "knockknock" as a password.
  10. Site URL: https://annastacy.com Hi all! Long time lurker, first time poster - just finished my new website and would love some feedback! Just transitioned from a 7.0 site and would love to hear from others about the look, navigation, and accessibility. Thanks!
  11. Looking for a solution. I would like to create a preloader for my site that shows a video. The preloader will automatically play when you arrive to the site, and disappear after a few seconds once the site is fully loaded. I am able to find resources that show how to create an animated preloader using CSS, but I am wanting to embed a video instead of a CSS animation. Anyone have any ideas of how to achieve this? Any guidance or help is appreciated!
  12. Site URL: https://www.janeashleygardendesign.co.uk/ I've been trying to set up a landing page style homepage with a slideshow that autoplays + centred white text overlayed on top of the slideshow images + a transparent header (with the header text in the colour white). I couldn't figure out how to do this so hacked a solution together by playing the images as a video in the background, rather than making it a slideshow - but the video is quite large and the quality of the images is less good so I really want to solve this. Any help will be very appreciated. Full context and what I've tried is below: The current homepage (https://www.janeashleygardendesign.co.uk/) This is a background video Initially this was the only way I could figure out how to show 3 pictures with text sitting on top, centred on the page The only code on the current home page is to remove the footer: <style> #footer-sections { display: none!important;} </style> However, the pictures in the video are slightly low quality and the video is quite a large file to download So I want to switch to using a slideshow on the homepage Note that I want the new homepage to look essentially the same as the current homepage - but using a slideshow should mean the pictures are higher quality and also quicker to download I am not sure how to make the new homepage look like the current one using a slideshow I have looked at this video and tried to do what it says: https://www.youtube.com/watch?v=PF45Wz5dAX0&ab_channel=InsideTheSquare-SquarespaceTutorials I have tried using a ’slideshow full’ and then overlaying a text box on top of it with the following code: (you can see this at this link https://www.janeashleygardendesign.co.uk/home-test-2-1 and use the password ’test’) <style> #page .page-section{height:75vh!important} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important} #footer-sections {display:none!important} <style> This has made it look like the homepage except the navigation text in the header is black not white - which means you can’t really see it. How can I turn the text in the navigation header to be white (not black?) Can someone tell me how to do this by starting from scratch or by turning the header text colour from black to white on the above test page? Thanks so much in advance
  13. Site URL: http://www.clubmailedit.com Hi Everyone! Total CSS newbie here just designing my own site to help cut costs. I have made it to the point of testing a sale, and it worked! However, once I purchased a subscription based product, it led me to this landing page that just looked awful! I've attached a photo for reference. If anyone is so kind to help me with the CSS coding for this (or pointing me to the easy to edit page if it's able to be done without custom CSS) that would be great! I need to do the below things: 1) Add a color behind the logo in the header (my logo cannot sit on white, as you see) 2) Ideally, change all of the text to be black other than the link, it can stay whatever color I don't really care that much. 3) Change the size of the subscription confirmed, maybe making it a smaller header size and more fun (to read Subscription Confirmed!) TY in advance!!
  14. Site URL: https://flex-mami.squarespace.com/?password=pearler I'm hoping to make my homepage design a fixed height on all browsers - no scroll. I'm struggling to do this when it has 2 sections on the homepage. Current view/Desired view attached Thanks!
  15. Site URL: https://www.lees-onlife.com/ I am able to remove the header using the following CSS code: <style> header (collection id), {display: none}; <style> I am not able to remove the footer, because there are only blocks displaying on the page for the footer. Looking for some help to remove the footer (blocks). I am creating a landing/sales page.
  16. Hello, Can someone please tell me if it is possible to create a Landing Page that will automatically dissolve/cross-dissolve to the Home Page? Is there a template with this option or would that kind of action require Custom Coding? Thanks, MW
  17. Hi everyone, Once people arrive on my website, I would like them to be redirected to a specific page but only once. This means once they visited that page and go back to the main page, I don't want them to be redirected again. So far I used this code : <script> setTimeout(function(){ window.location.href = 'https://(mywebsite)'; }, 30000); </script> But this means, once they visited the page and go back to the Main, they will be redirected again and again... Any code to add to this? Thanks
  18. Site URL: https://anna-stacy.squarespace.com Hi all, I'm transitioning from my old Squarespace 7.0 site (anna-stacy.squarespace.com) to a new 7.1 site (annastacy.com) and have created 301 redirects for all pages but the splash. Unfortunately, as I can only apply a 301 to disabled pages and I can't disable the homepage, I can't make it so that going to anna-stacy.squarespace.com (old URL) takes users to annastacy.com (current URL). Any ideas for a work-around? Thanks!
  19. Site URL: https://adamsonvisuals.com I'm revising my site and trying to get functionality like this site https://www.yannb.net/ which is also based on Wexley. When you arrive on the site you have a gallery of several images that auto scroll - in full page full bleed format. From there menu items will take you to regular image galleries of standard layout - just struggling to work out how to get the initial full bleed home page look - any advice? Seems simple but can't work it out. Thanks
  20. I'm not a coder. Current website v. 7.0. Goal is to create normal size landing pages (niche market sales pages) that would be directed to main check out page. I don't want a header or footer on these pages. Discovered I can't do this type of landing page, even with a header/footer using v. 7.0. Apparently v. 7.1 can create a full size landing page BUT needs to have a header/footer. If I secure a paid v. 7.1 website, I would like to house these landing pages there and direct them to the v. 7.0 site check out page. Squarespace support tells me the only way I can get rid of the header/footer on these landing pages in v. 7.1 is to customize the code. SO how can I get rid of these header/footers? Suggestions would be most welcome. Thank you.
  21. Site URL: https://amphibian-hexagon-l9l6.squarespace.com/ I'm trying to change the layout of 3rd section of the landing page but can't make it same as the reference image. Also I'm wonder to change the button style of second button. can anyone help me please? site password: Adrgvk12@9&
  22. Site URL: https://www.familienvideosmachen.de How can we hide the navigation on a landing-page? Squarespace has no solution for this and recently deleted the option to solve this via code. I cannot believe this service is unable to offer one of the moste common standards in web design? A professional landing-page musst always be without any menu. Does anybody have a solution for this bug?
  23. Site URL: http://raccontamilitalia.com Hi guys!! I have recently created a landing page with Squarespace. I have a code to fill in in order to remove the header and the footer (This code was given to me by the professionals who are helping me to launch my business) but somehow it doesn't work. Does it have to do with the template I 've chosen for my landing page and my whole web site? How can I get a suitable code? Thanks in advance!! I am not familiar at all with this kind of processes. Micol
  24. Site URL: https://www.somethingelsedesign.co.za/ Hi, I am very happy with my website but on mobile, the footer of the landing page keeps moving to the bottom of the page. So when someone arrives to the landing page, they have to scroll down. My desire is for the landing page to fit perfectly on ones phone when they reach the website. Please assist
  25. Site URL: https://www.frotteedimare.ch/ Hey all! Im trying to fix/position my container on the landing page, so that the top margin of the text always stays the same. Right know i work with spacers, but when i resize the window it keeps pushing the text around. Is there any CSS to work around? Thanks for any help!
  • Create New...