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

Search the Community

Showing results for tags 'squarespace-7.1'.

  • 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.welcome-to-utopia.de/ How to increase the logo size on Squarespace 7.1 The maximum logo size is still too small, so I tried to increase it even more, by adjusting the max-height value until I get the look I want, but nothing happend .header-title-logo img { max-height: 500px; } So I tried to increase the width instead: .header-title-logo a { width: 900px; } And what happens is: I get the size I want but the header (logo + navigation) shows left aligned instead of centered. --> see picture How can I make the logo bigger, but still stay centered?
  2. Hi everyone! I've been trying to figure this slideshow problem for days now without success (not great at coding). I am currently remaking my portfolio and to display my projects I want to have an auto full-bleed slideshow in which people can click on the image and the actual full project will open, I'm attaching picture of my previous portfolio -the one that has the full bleed image. I haven't been able to create the same layout with the new Squarespace 7.1 and I don't want to use their portfolio present layout thats the typical grid. Please help! As a reference this is the link to my current website https://www.msolis.design/ Thank you so much in advance
  3. Site URL: https://gardenia-potato-7a66.squarespace.com/ I had a site on Squarespace 7.0 which was using Heights template. It was possible to select a number of background images which would automatically cycle through, changing every few seconds. Now.. I'm creating a new site with Squarespace 7.1, I'd like to do the same but can't find anything which replicates this feature. site: https://gardenia-potato-7a66.squarespace.com/ pass: "clarksonsydney"
  4. i cannot find a way to add a wave form audio visualizer like this: https://imgur.com/7LStZKD. its simple but i cant find it, the audio block itself dosent even move its just a player that shows the waveform. i need to use this type for what im working on so i cant use the normal audio block from squarespace. the only thing i have found is https://wavesurfer-js.org/ but i dont know how i would integrate that in squarespace
  5. Site URL: https://theharper.squarespace.com/ Hi! PW: theharpernyc I'm trying to using custom css to customize the form field. I managed to get the the form fields to be where I want it by using this code: For email & phone number: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(2) {margin-right:2%;}} For unit & budget: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(3), .form-wrapper .field-list>div:nth-child(4) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(3) {margin-right:2%;}} For broker info: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(5), .form-wrapper .field-list>div:nth-child(6) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(5) {margin-right:2%;}} And this is the result: However I am having a hard time trying to get each filed box to be the equal width & spacing like this: Ideally all the field would be equal width and height. Also, how what kind of code would I need to make this layout to be visible on on desktop? Thanks in advance!
  6. Site URL: https://theharper.squarespace.com/ Hi! PW to site: theharpernyc A couple things I am trying to achieve using custom css that would appear only on the landing page: 1. Logo would be vertical and flush left. Would be responsive to the size of the window. 2. The navigation (will only have two pages linked) would be right above the vertical logo. I was able to flip the logo to it's side using this code: #header .header-title-logo { position: fixed; transform: rotate(90deg); background-color: white; padding:25px; } However I would like to make it full height and flushed left without cutting into the image. This is what I am trying to achieve: If anyone can help point me in the right direction of how to achieve this that would be amazing. Even if it's ideas. Thanks in advance!
  7. Site URL: https://cacao-death-by-xoko.squarespace.com/ password: xoko I've recreated the 7.0 Cacao template in 7.1. I want the cart icon in the center, as per the 7.0 demo, but I can't make it happen in 7.1. Can anyone work out the code? Thanks! Screenshots of Cacao demo 7.0 and my recreation in 7.1 attached.
  8. Site URL: https://skyefolk-testing.squarespace.com/ Hi, I would be really grateful with some help to create a navigation layout. I have searched through the other full width nav posts but nothing works well with what I'm trying to achieve. I would like to use the center/stacked header layout option. With the centered logo, social icons to the left and shopping cart to the right. Then a full width nav below. And in a perfect work, keep the search bar in the nav too, which I've added by attaching it to the social icons. But if I have to get rid of it I can come up with another solution for the search bar. The problem I'm encountering with the codes I've tried is with the social icons and shopping cart pushing off the page, particularly at smaller screen sizes. The site is https://skyefolk-testing.squarespace.com/ Password - kirstymdesign Thank you, any assistance appreciated!
  9. Hello all, how i can make Shop Product overview description in one line!? Like in the image below (green line) So if the description is to long it show three dots ... Thanks all. ;)
  10. Site URL: https://rhino-cat-dfeb.squarespace.com/about site password - dpskincare I have been able to make some some section sticky, but I want the text blocks here to be sticky too. Would appreciate any code help here. Thank you so much!
  11. Hello dear forum, Im working with javascript from http://will-myers.com – wich is easy to use with a premium plan. I installed some scripts for a Slider and it worked properly – BUT: Not everytime I view the site. Its very strange: At some time I can open the site from an external browser and It works – at another time at the day when I open the Homepage the Slider is not working – WITHOUT changing ANYTHING on the site. So how could this be? The issue I described is NOT there when I edit the page with the site editor as you suggested. In the login editing-preview the site is always shown with script working – but not always when I open the site as an external user. Not depending on browser. Did anyone got this before? Any ideas? A Squarepsace issue? Wanted to go online in two days – so very strange and annoying issue.
  12. Site URL: https://www.shahfoundation.org/ Below my header on the home page, I have placed a Gallery Section with the gallery option type of Slideshow: Full. I have used images sized @2500px W x 600px H with a concentrated center image area of approx. 800px x 600 px for valuable information which I would like to appear on all screen sizes especially when going down to mobile view. This formula seems to work well without additional CSS, however at a certain larger screen size of 3000px on 30in monitor and full screen width on 15" laptop, the images begin to stretch beyond their full size, clipping the top and bottom of the image. I previously have been using: .gallery-fullscreen-slideshow{ height: 46vh!important; } to adjust for the clipping of the image for the specific clipping I have seen, but is there better code to keep the slideshow from clipping at these larger screen sizes with a better responsive solution? Thanks in advance.
  13. Site URL: https://drum-apple-5klb.squarespace.com/new-page-1 Hi. The password for the page is : mealwoodyes2 Here's the code I'm using: #page .page-section{height:100vh!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} header, #footer-sections {display:none!important} Two problems I hope to resolve: 1. The text below the images doesn't move up to show above the slide show. 2. I'd like to be able to control how fast or slow the images transition and control the transiting with fade in and out.` Thanks lots! George
  14. Hi all, Looking for recommendations of polls to embed that will allow results to be instantly displayed once a selection or vote has been submitted. Feel free to share about any insights or experiences in using or creating poll plugins. Cheers!
  15. Site URL: https://www.yocostudio.co.uk Hi all, I've recently just switched my site from 7.0 to 7.1 and I thought that the Google Workspace would move with the domain as opposed to staying with the site. Does anyone know how I can check if it's all working as it should and/or switch it over to the new Squarespace site? TIA
  16. Site URL: https://www.studiosoulistic.nl Hi everyone, I created a marquee (found the code somewhere on the internet) but now I want the section height around it a bit smaller. More like an announcement bar, if that makes any sense. I've been trying for hours but unfortunately I can't make it word. It's about the section where you can see "brand design / web design / social media resources". If someone could help me with adjusting my code, I'd be forever grateful!
  17. Site URL: https://chimes-bronze-p5sm.squarespace.com Hi, can someone please help me with coding? I´m new to this, so maybe I´ve done something wrong. The hover effect on the gallery works perfectly with the color change (from color til grey), but the text seems to be delayed. Why? I would like the text to show up at the same time as the color change. I´ve used this code: <style> .gallery-caption p{color:white!important} .gallery-caption p{text-align:center} .gallery-caption p{font-size:2rem!important} .gallery-masonry-item img:hover{filter:grayscale(100%)!important} .gallery-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} .gallery-caption {opacity:0!important; transition-duration:0s} .gallery-masonry-item:hover .gallery-caption {opacity:1!important; transition-duration:0s} .gallery-caption { pointer-events: none; } </style> And one other thing; I would like to use this code only for desktop. How to I stop it from showing om mobile? Password: 1234 Thank you!
  18. Hi there, can some help me please to recreate the HEADLINE customization of an image block (poster design) to a gallery block? The HEADLINE in the gallery block should use one of the HEADLINE fonts established in the entire website and should link to a separate page. I use personal plan, Squarespace 7.1. Thanks very much. Regards, Palladio
  19. Hey, I was wondering if there was a way to shorten the bar to enter an email on the waitlist. I tried putting a margin-right but it's still too long for mobile. I was also wondering if there's a way to change size/font of the text above the email bar. Website is Squarespace 7.1
  20. Site URL: https://www.elabuelorafael.es/ Hi, We are trying to make a "Landing" page on Squarespace 7.1 using a regular page. The idea is just having a video on the background and some text on top. We also included a "contact" button on top. Then, we also added some code to hide the header while this landing page will be running. Everything seems to work, however, the video looks really pixelated when using a phone. The current video is 6 seconds long and it is just 2Mb. The format is .mp4. The desktop version works perfect on the laptop and on the Ipad. However, when going into the phone, the video looks quite pixelated. It charges really fast, but the quality is poor. When checking on the google chrome developers tool for "responsive" devices, it also looks perfect. Any idea of what could be happening? (I also tried the video in another regular section of the website and it happens the same, so it is not related to the landing page itself) I hope any of you could help me with this. Thank you very much in advance 🙂
  21. Site URL: https://bell-orb-d33c.squarespace.com/?password=pearler I've used the below code to achieve some vertical social links. I'm wondering why they're not staying fixed when I scroll, however. Any help is appreciated! Website ✿ → // ☯︎ FORCE MOBILE MENU // @media screen and (min-width:768px) { .header-nav-item, .header-actions-action .btn { display: none!important; } .icon--cart { stroke: 2px solid!important; } body:not(.header--menu-open) .white .header-actions .icon--stroke svg { stroke-width: 2px!important; } .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } } .header-display-desktop { .header-burger { position: absolute; left: 0; margin-left: 4vw!important; } } // ☯ ☯ ☯ VERTICAL SOCIAL ICONS ☯ ☯ ☯ // .header-actions-action--social { position:fixed; top:50%;//change as necessary flex-direction:column; right:1vw; } .header-actions-action--social .icon { margin-left:-40px !important; //change as necessary margin-bottom:20px ; } @media screen and (min-width:768px) { .header-actions-action--cart { position:fixed; right:30px; top:45%; } .header-actions--right { justify-content:center; }}
  22. Site URL: https://www.leadwithbliss.com Hello! I have added custom code to www.leadwithbliss.com (password: leadwithbliss), implemented in Squarespace 7.1, to overlay the mobile nav menu on the header banner image. I managed to achieve that with the following code: .header-display-mobile { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; } However, I run into an issue upon scroll: the nav folder does not appear upon click of the hamburger menu (see attached screen shot - notice the 'x', indicating that the folder is open). I suspect I am missing something fairly obvious with respect to bringing that element forward using position/z-index values but I can't quite seem to figure it out. Does anyone have any suggestions on how to fix this? Thanks in advance for your help!
  23. Hello I've found that when displaying captions underneath a gallery block with slideshow: reel (in Squarespace 7.1), it creates a huge empty gap underneath, before the next section begins. If you remove captions the next section starts immediately under the gallery block. I'm looking to find a way through custom css (I assume is the only way here), to have this dead-space reduced as much as possible, I've attached an example of the issue both in desktop and mobile view (which highlights the issue even more). If anyone can help out, please let me know! Thank you!
  24. On the main events page, does anyone know how to change the shape of the date that sits on the thumbnail? At the moment it's square and I want it to be circle. Thank you in advance.
  25. Site URL: https://pomegranate-turbot-nt8n.squarespace.com/config/pages Hi, I am trying to align the split navigation (custom CSS) and the cart text (custom CSS) with the top side of the logo, and move them to the top of the screen. Hope you can help > password: enterbackspace I am using this code: @media screen and (min-width:992px) { .header-nav-item:nth-child(n+3) { position: relative; left: 70vw; } } .header-title { margin-left: 50%; } .icon-cart-quantity, .sqs-cart-quantity { position: static; padding: initial; font-size: 0.9rem; } .header .header-actions-action--cart a.icon { width: auto; height: auto; padding: 0.9rem; } svg.icon.icon--cart { visibility: hidden; } .icon-cart-quantity:before { content: "Cart ("; font-size: 0.9rem; } .icon-cart-quantity { font-size: 0.9rem; bottom: 0; top: unset !important; padding-bottom: 0; } .icon-cart-quantity:after { content: ")"; font-size: 0.9rem; } .header-nav { position: absolute; top: 0; bottom: 0; margin-top: 0!important; }
  • Create New...