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

Search the Community

Showing results for tags 'cover-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://www.begonia-algae-2jb3.squarespace.com I created a full page cover slideshow with a button using a custom code injection, it was working perfectly, however has suddenly started flashing on load and then disappearing and I'm not sure why and there is now also white space underneath the image as well. Any help would be appreciated. The password is slidertest
  2. hello! ive been desperately looking around for a solution on redirecting the logo on my site to the homepage rather than the cover page. I made the cover page my homepage but I want it to be a one time thing. i want to make sure that when you click on my logo it redirects you back to the home page, not cover page. ive tried many header/footer injections and it sill does not work. It either leads me to the cover page again or google.com for some reason. Any help would be greatly appreciated! im using the tremont template i would post my website however it is unfinished. i could make it public for the sake of this form, but because it is unfinished i do not want other people outside this form to stumble upon it, if that makes sense.
  3. Site URL: https://www.suemcnenly.com/ Hey. I am using a cover page with my 7.1 site using custom code. Upon entering, I don't want people to be redirected to the cover page when tapping on my logo in the site header. I want it to keep them inside the site, and bring them back to the actual home page. Going back to the cover page and re-entering every time you want to go back to home is annoying. I did this once before, then changed, and can no longer figure out how I did it...what custom code I used. Thanks.
  4. Site URL: https://www.lecomptoirla.com/ Does anyone know if it's possible to create a reservation widget overlay for a Squarespace 7.0 cover page? Or, to embed a widget directly onto a cover page? I see that it's possible to create a click-thru button to an external link but would prefer the look of a widget instead. Thanks in advance for any advice!
  5. I'm trying to move the logo on my cover page vertically so it can sit in the top left corner, but only have the option to move it horizontally across the midline of the page. Any custom css code to help? I also want to make sure the navigation stays in the bottom right. Not sure if better to create a proper page vs cover page, but wasn't able to find another way to make a full-bleed carousel background where the images weren't links. Any help would be so appreciated. Thanks!
  6. Site URL: https://alexanderfantini.com/ Hello there! I'm currently trying to change the TikTok icon in the Social Links - would love to retain animation and hover state (mask). https://alexanderfantini.com/ I can't seem to be able to target the social-url with ref tiktok. Would love to include the snippet in the Advanced > Page Header Injection of the page! Many thanks in advance! P.s. in the rest of the website I'm running this code and would love to have the same icon and size. /* TikTok Logo Social */ .header-actions-action--social [href *='tiktok']:after, .sqs-svg-icon--list [href *='tiktok']:after { content: ''; display: inline-block; width: 100%; height: 100%; background-image: url('https://api.iconify.design/ic/outline-tiktok.svg?color=black'); background-repeat: no-repeat; background-position: center center; } .header-actions-action--social [href *='tiktok']:hover:after, .sqs-svg-icon--list [href *='tiktok']:hover:after { content: ''; display: inline-block; width: 100%; height: 100%; background-image: url('https://api.iconify.design/bxl/tiktok.svg?color=white'); background-repeate: no-repeat; background-position: center center; } .header-actions-action--social [href *='tiktok'], .sqs-svg-icon--list [href *='tiktok'] { position: relative; } .header-actions-action--social [href *='tiktok'] svg, .sqs-svg-icon--list [href *='tiktok'] svg { visibility: hidden; }
  7. Site URL: http://www.adamsonvisuals.com Just working on redesigning my site - I'm using Wexley template - trying to have a cover page with a number of images that scroll automatically - all works more or less ok but the images appear to have a reduced opacity and are not displayed as uploaded.. Any suggestions as to why this is (probably a function of the template I guess) and how I can get around it and display them as I intended rather than how Squarespace think they should look. Thanks in advance
  8. Site URL: https://www.nightowlsproclean.com/ Hi there, I've just set this cover page up as a temporary landing. When I try to increase the font size and line height on the business name nothing happens. I'd like to do this without creating issues for myself when I go to create the regular site in the background. Anyone have a code for that? Side note: The package purchased does not allow for Javascript.
  9. Site URL: https://www.nothingisnotnothing.com/ I have created a cover page for my website: https://www.nothingisnotnothing.com/ To do this I created a home page and removed the header and footer etc. The cover page links through to the main site: https://www.nothingisnotnothing.com/home However, when you click the logo on the main site it links back to the cover page - because it is set as the homepage. I want the logo / site title in the top navigation to link back to the main site rather than the cover page. Is there a code I can use to do this? Thanks, James
  10. Site URL: https://www.deltaglassnj.com/landing/glass-dividers-staircase Cover Pages are not downloading .. Can anybody help?
  11. Site URL: https://noahlangphotography.com/ I'd like to add the same size buttons to this cover page next to the ones that already exist in this template. Ideally adding at least 3 more buttons, but if I'd like to change it to more or less that would be helpful to know as well. Thank you
  12. Site URL: https://saffron-ocelot-dyjr.squarespace.com/config/pages Hello there ! Im trying to (hyper)/link the header on my cover page to a page on my site. I've tried the various solutions in your responses to other peops, without success. Need your help! Thank you site | celinefaledam.com pw | divein
  13. Hi guys, I currently have a cover page for my site that displays a video. I want to be able to time delay the text/buttons that appears on the cover page. Does anyone have an idea on how I can do that? Thanks!
  14. Site URL: https://www.madisonavemedia.com/link-in-bio Hello there! Hoping someone can provide the aha information I'm missing. Working on a cover page that's being used as a Link in Bio page. Previous coder on the project added code with script to allow for an extra button to be added, which is operating fine, but it is stacking the buttons side-by-side horizontally instead of vertically. Can anyone tell me how to modify the code to make that happen? Thanks in advance! Current code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> <li id="button2"> <a href="https://www.madisonavemedia.com"> Website </a> </li> $( "#button2" ).appendTo( $( "ul" ) ); $( "#button3" ).appendTo( $( "#button2" ) ); <script> $( document ).ready(function() { $( "#button1" ).appendTo( $( "ul" ) ); $( "#button2" ).appendTo( $( "ul" ) ); $( "#button3" ).appendTo( $( "#button2" ) ); }); </script> <style> .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper.stacked [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper.stacked [data-slice-type="navigation"] ul li a { margin-bottom:15px; } </style>
  15. Site URL: https://sprout-cinnamon-nygl.squarespace.com/coming-soon?noredirect Is there a way yo change the background image on a cover page on mobile. I am trying to use this CSS to target the image id for the background but it doesn't seem to work. @media only screen and (max-width: 600px) { img#yui_3_17_2_1_1638408171512_197{ content:url('https://static1.squarespace.com/static/6019e8a70f3f30673741f042/t/61a81fb24ebbca75aa73707f/1638408115876/IMG_5123.JPG') !important; } } Any help or guidance is appreciated. Website: https://sprout-cinnamon-nygl.squarespace.com/coming-soon?noredirect Password: Transform
  16. Site URL: https://www.nickwatkinsdesign.com/ Hi! I was wondering if anyone knew how to only apply my loading page to the initial opening of my website? I want it to act more as a welcome or cover page just a loading page that appears every time you go back to the main home page. Let me know, thanks! Url: https://www.nickwatkinsdesign.com/
  17. Site URL: https://www.laboratoryartscollective.com/about Is it possible to add a countdown timer to a website's lock screen or cover page? My client would like a dramatic countdown-to-launch landing page set as the home page for 7 days before website launch / a virtual launch party. I have code for a basic free countdown ticker, I just have no clue where/how to implement it, if it's at all even possible. Thanks in advance for any help!
  18. Site URL: https://www.montaguebasement.com/ Hi there, I'm trying to adjust the padding on my navigation bar that sit's in the middle of this cover page: https://www.montaguebasement.com/home I've played around with various code injectors but can't get anything to work and I feel like I'm flying a bit blind. Have found a way to adjust it to my like while inspecting elements in google chrome but can't find anyway to translate squarepace. Would appreciate if anyone has any ideas.
  19. Site URL: https://www.jimmyness.com/ Hi there, I'm trying to add a tagline under my name on my cover page in Bedford but you can't do this without using CSS. I'd like this to display in both mobile and on computer. Any help would be amazing. I saw @tuanphan answer a topic on this previously in 2020, but the code for me just displays broken at the top of my page so I couldn't quite get it working. Thank you!
  20. Site URL: https://salamander-lanternfish-92zm.squarespace.com/coming-soon Hi, I am having similar issues with customising font on my cover page.... It seems to work and then defaults to an odd standard font. Also Strangely it also seems to be doing it on the body text despite having not customised this. The website isn't published yet but the code is as follows In main CSS - @font-face { font-family: 'deutschlander'; src: url('https://static1.squarespace.com/static/61657571f2d4ed2327f7aba9/t/61684d9452420740f7e4516a/1634225556482/deutschlander-2-0.regular.otf')format('opentype'); } h1 { font-family: 'deutschlander', sans-serif; } h1 strong { font-family: 'deutschlander' sans-serif; } In header code injection - <style> @font-face { font-family: deutschlander; src: url('https://static1.squarespace.com/static/61657571f2d4ed2327f7aba9/t/61684d9452420740f7e4516a/1634225556482/deutschlander-2-0-Regular.otf') format(opentype); } * { font-family: deutschlander !important; } </style> Do I need to add a <head> tag? What am I missing? Thanks in advance!
  21. Site URL: https://strawberry-raspberry-3kmm.squarespace.com/ Password: HinLim The navigation links on the landing page are aligning to the top of the logo on the bottom left. I would like them to align to the bottom. How can i do this? Thanks!
  22. Site URL: https://www.nickwatkinsdesign.com/ Hi! I was wondering if anyone knew how to only apply my loading page to the initial opening of my website? I want it to act more as a welcome or cover page just a loading page that appears every time you go back to the main home page. Let me know, thanks! Url: https://www.nickwatkinsdesign.com/
  23. Site URL: https://apricot-cow-wepf.squarespace.com/config/pages Hi! I would like to hide the navigation links header on a page. What I want is to have a " cover page" where I just see the logo. However, 7.1 doesn't offer a built-in way to permanently hide the navigation links and header on a page. Can someone help me? It just can be done with coding. Thank you very much
  24. Site URL: https://gregorylassale.com I am using a custom font injected in my cover page header but want to exclude buttons. I tried <style> /* Apply Custom Font to Entire Site Start */ @font-face { font-family: 'Montserrat Light'; src: url('https://static1.squarespace.com/static/5aeb7d827e3c3a2bedb60363/t/608f5cfc8e8bd04a9e4e399b/1620008188969/Montserrat-Light.ttf'); } /* target all elements except buttons */ * :not(.sqs-slice-buttons-content) { font-family: 'Montserrat Light' !important; } // --------------- End --------------- </style> but it's not working. What is wrong in my code? Thanks in advance.
  25. Site URL: https://dianamorgan.squarespace.com/ I have a client who would like me to remove the part of the picture below the quote block in mobile view. You can see the image below and the section under the button they would like removed. Would anyone have any code suggestions for me to accomplish this? I am lost! Thank You URL: https://dianamorgan.squarespace.com/ site PW: DianaDomination
  • Create New...