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://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
  2. 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/
  3. 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!
  4. 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.
  5. Site URL: https://www.judithandrolfe.com/mailing-list-signup When viewing my cover page via the Instagram app built-in browser, the page isn't showing up correctly for some people (see screenshot, taken from Samsung Galaxy S21 Ultra, just in case that matters). Apparently it's a "setWidth" issue? Is there some code I can add to fix it? This is how it should look, (it's shows up correctly on my iphone): Thanks in advance!
  6. 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!
  7. 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!
  8. 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!
  9. 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/
  10. 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
  11. Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hello, in the Zion template I'm trying to justify specific elements on the right side of the landing page with the subpages below it. The "Home - About - Contact" inside the header will not line up properly with the subpages below. Ideally, I'd love to keep the placement of the subpages and see about readjusting the "Home - About - Contact" header to even them up, if that makes sense. Thank you for any assistance.
  12. Site URL: https://paigeowen.ca I want to direct my cover page logo to another page on my website, instead of having to create a button or action. I've read a ton of forums and no custom code is working. I'm using the wells template. I want the cover page logo: https://www.paigeowen.ca/welcome to link to https://www.paigeowen.ca/home Right now I don't have the cover page set to home because I can't get it to link so it's just a page. bonus if I can get the website logo to link to home as well instead of the cover page. Thanks!
  13. Site URL: https://www.nickwatkinsdesign.com/ Hi! I'm trying to add/change my code that I have in site so that the opening "HI" animation only plays once you enter the site and then it goes away for the rest of the time you go throughout the site. Please help me 🙂 Url: https://www.nickwatkinsdesign.com/ Also, I was wondering what/how the best way to optimize a website for both desktop and mobile would be? Lemme know! Thank you, thank you in advance!
  14. Site URL: https://www.nickwatkinsdesign.com/ Hi! I was wondering if anyone knew how to code my splash page so that it will only show up once on the initial opening of my website? I want it to act more as a welcome or cover page. Right now it acts like a loading page that appears every time you go back to the main home page. Let me know, thanks! Url: https://www.nickwatkinsdesign.com/
  15. Site URL: https://montanayogatherapy.com/newsletter/sign-up?fbclid=IwAR3ijAIuAWSwT-jcUKLdZyRlHoRsb4z8UBJktNnbj2ByAlptd8geIHL6KAw Hello, When I view this cover page in various browsers and screens the newsletter signup text overlaps on mobile screens and larger monitor screens. What could be causing this?
  16. I simply need help making my home page background (cover page) link to another section of my website.
  17. Hello! I am having trouble coding a cover/landing page for mobile only on the Wells template. Any help is much appreciated, thank you!
  18. Site URL: http://www.drserencardoso.com Hi There, When I open my homepage (which is a cover page with video) on desktop it starts on the fall-back image which is pixelated (fine on mobile) and then only after a couple seconds the video starts but when it starts the video too is pixelated and only goes high-def after 9 seconds. On vimeo it is high def from the beginning. I have superfast internet, this is not a problem on other pages. I understand there can be minor delays but I really need to fix this to be as perfect as possible. Is there a fix please? Can someone help? I want the video to start sooner and I don't want it to buffer at all if possible. Thank you
  19. Site URL: http://www.studiojci.com/gc1 Hello, I made a Full-Bleed Cover Page using a Gallery block and resized the images to full width in order to cover the entire page (My webpage is Square-space 7.0). However, one thing I noticed is that white space will appear depending on the screen size. This means that while my laptop screen will display a full image, bigger monitors create a white bottom border that I need to get rid of. Is there any code/work around that will allow me keep the image sizes consistent across all screens so that all screens will show the same sizing and remove the white border? Thanks so much in advance, Website: http://www.studiojci.com/gc1 (Password: jci123) Laptop Display: Monitor Display:
  20. Site URL: http://www.studiojci.com/ Hello! I am currently creating a Cover-Page for our website and I was wondering if it was possible to stop the auto-scroll feature for the images and add big arrows to the middle left and right sides where people can navigate through the images instead. For reference I am using a Squarespace 7.0 Avenue Family template so I cannot do a blank page and full bleed gallery block which I assumed would have been my alternative. I am also using the TRADE layout as my cover page. Thank you for any and all help you may be able to provide!
  21. Site URL: https://wolverine-magenta-733g.squarespace.com/ Hi there, I'm using the following embed data to host an infinite loop, HD video from vimeo on the de-facto landing page i've created: <pre class="source-code"><div><div style="padding:0% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/535604908?background=1;autoplay=1;loop=1;title=0;byline=0;portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></div></pre> The landing page has hidden header and footer with the following injected css ([landing page]/settings/advanced/header css injection): <style> #footer, #preFooter { display: none; } </style> <!-- Hide header & navigation --> <style> #header { display: none } > #siteWrapper {background-color:#ffffff !important;} </style> <!-- Hide announcement bar --> <style> .sqs-announcement-bar { display: none !important } </style> This a huge solve for me as I found the Cover Page builds to only offer background videos at 720P with a 6s full resolution delay. Trouble is now, on mobile, my video position floats to the top (a problem I'm posting about on another thread), AND has a grey shadow/border around my vid box when using with my actual cell phone (with a recently cleared history/cache). I've taken this up w 3 separate SS helpline associates, each with a newer iPhone than mine/myclient's, and each rep claim to see no such border. Also, when in the site editor on my laptop here, in the mobile preview mode, no such border exists. Apologies for the grainy image, the screenshot was taken by my laptop, of my phone, because when a screenshot is taken on my phone, THE GREY BORDER DOESN'T EVEN SHOW UP IN THE SCREENSHOT. Any help in ghost busting this problem is appreciated_
  22. 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.
  23. Hello, I am trying to apply custom fonts to my cover page. I was successfully able to do so on other pages, but not on the cover page. On my Custom CSS/Design/ window, my code looks like this: @font-face { font-family: 'Futura-Classic'; src: url(https://static1.squarespace.com/static/56998e823b0be35eb44d5787/t/60cb9973945558096dc88cf7/1623955827203/FutureClassic.otf); font-weight: normal; font-style: normal; } h1 { font-family: 'Futura-Classic';} h2 { font-family: 'Futura-Classic';} h3 { font-family: 'Futura-Classic';} .BlogItem-title { font-family: 'Futura-Classic';} .header-title-text { font-family:'Futura-Classic'; font-size: 80px !important;} .logo.site-title a { font-family: 'Futura-Classic';} .logo-subtitle { font-family: 'Futura-Classic';} .header-nav--primary .Header-nav-item { font-family: 'Futura-Classic';} .header-nav--secondary .Header-nav-item { font-family: 'Futura-Classic';} On the Cover Page/ Advanced/ Code Injection window, it looks like this: <style> @font-face {font-family: 'Futura-Classic'; src:url('https://static1.squarespace.com/static/56998e823b0be35eb44d5787/t/60cb9973945558096dc88cf7/1623955827203/FutureClassic.otf') format(opentype); } * { font-family: 'Futura-Classic' !important; } </style> Please help? I'm totally new to CSS. Thanks so much,
  24. Site URL: https://disc-strawberry-4nlb.squarespace.com Hi all, I have made a custom cover page/landing page by inserting code block directly to the page to remove header/footer. ( <style> .header, #footer-sections { display: none !important } </style> ) HOWEVER, now when I view the cover page, the background image, text, and logo do not FIT/RESIZE TO SCREEN. Instead, I have to scroll down to view the whole page (see screenshot below). How do I fix this? LINK: https://disc-strawberry-4nlb.squarespace.com PASSWORD: gallery THANK YOU!!
  25. 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.
  • Create New...