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
  • 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.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!
  2. 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!
  3. 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!
  4. 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
  5. 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.
  6. 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!
  7. 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/
  8. 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/
  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://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?
  11. 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!
  12. I simply need help making my home page background (cover page) link to another section of my website.
  13. Hello! I am having trouble coding a cover/landing page for mobile only on the Wells template. Any help is much appreciated, thank you!
  14. 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:
  15. 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!
  16. 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,
  17. 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!!
  18. Site URL: https://melissalouise.world/ Hello, I'm trying to add a logo to the left side of the header. Is there a way to code this in?
  19. 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.
  20. 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
  21. Site URL: https://www.vanessalabrie.com/ Hi pals! I've managed to find code to resize my title and buttons on my mobile cover page, as well as push everything down. But now I'm stuck figuring out how to resize my tag lines (body) so they both fit in two lines one under the other. I'm going a bit nuts. Can anyone help? Here's the website: www.vanessalabrie.com I basically want two lines only on mobile for: Actress. Voice Over Artist. Theatre-Maker. Comédienne. Artiste de voix. Créatrice. Thank you so much for your help, I'll take it all!
  22. 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_
  23. Site URL: https://gregorylassale.com/ Upon loading, my cover page headline, body, buttons and social icons are offset for a split second, then jump to their normal location. For some reason, the branding isn't affected. Squarespace couldn't help when I approached them about this a little while ago. I'm really hoping someone here will be able to assist. I use the Sofia template (Brine family). Thank you.
  24. Site URL: https://turbot-denim-bzja.squarespace.com/ Hello, I am having problems to add a cover page with James Balboa layout. Basically if I click + on the main navigation menu, there is no option to add a cover page... I have set up a normal page as home page with a video but actually I really want that video to be the cover page without any menu on top. Could you please help? Thank you, B
  25. Using a cover page for a Flatiron site. I'd like to make the logo activate a link to enter the site. Currently using action "enter site" at bottom but would also like the logo to be active to enter site. Any ideas?
  • Create New...