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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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
  2. 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!
  3. 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
  4. 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!
  5. 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!
  6. 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
  7. 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
  8. 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 🙂
  9. 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; }}
  10. 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!
  11. 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!
  12. 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.
  13. 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; }
  14. Site URL: https://www.leafsilver.com/ Hello! My name is Leaf, I'm an artist and designer working as a freelance website designer splitting time between Vermont and Chicago. I am interested in growing my client base and as a first step towards that, my website. I just attended Sophia Ojha's webinar on the Client on-boarding process, which was illuminating! I have a lot more to work on now :)) I just published an update to my personal website to include my freelance services as a way for clients to learn more, find my work and contact me. I'm still working on fleshing out client case studies for my portfolio but in the mean time would really appreciate any feedback or suggestions on my site's layout and information architecture from y'all. I'm very much still in the process of tweaking and It would be helpful to have some thoughts to guide my process going forward. Thanks!
  15. Site URL: https://www.dolcecotti.com/ As the title says, Sitewide animations aren't "working" when i select any of them all I get is the fade animation (I've read the info page and seen that some elements just support fade) I literally tried with all the elements I could and it won't work, even the most basic things suck as regular text or single buttons are just fading in. Side Note: This also happened with the nav bar sticky mode, I was able to toggle the fixed mode but it wouldn't let me select basic or hide when scrolling, this somehow it got fixed by itself last week. Site is locked, pass: Test1234 Thx in advanced.
  16. Site URL: https://serious.business/ Hey – been looking to replicate something similar to the Site URL I provided (https://serious.business/). They have a specific feature (a smiley face visual that scrolls along with you, and if you click on it, opens up a form). Is it possible to replicate something like this on Squarespace 7.1? Would love to learn more about how I can possibly code this! I'm also ok with instead of it opening up a form, it directs to an anchor link at the bottom. \ Thank you in advance for any advice!
  17. Hey guys, weird one. Ive got a contact form set up, which works perfectly, except for the fact that the text to describe each field goes invisible only on Mac & iPhone. Attached a screenshot off my iPhone and one off my PC. I'm really confused and can't seem to find a solution anywhere. Has anyone run into this issue before?
  18. Site URL: https://sophiapower.squarespace.com/about?password=pearler I'm using a split screen layout but I can't seem to figure out why the image is appearing cropped! Any help would be awesome. Please @ me. Website →
  19. Site URL: https://georgie-mann-photography.squarespace.com/ I'm wanting to show three logos at a time in a reel gallery. At the moment it only shows one. It also crops badly on mobile. Password to enter site is 'georgie'
  20. Site URL: https://moneymoves.com.au Hi, I'm trying to target a pecific image card block to my site https://moneymoves.com.au There are three things I'd like to be able to do. 1. Center align the button only (Squarespace offers the option of changing the alignment of the text AND the button, but I want to keep the text left aligned and the button centred). 2. Make the button the full width of the container. 3. Add a little padding to the text/button in the image card. At full-size it's perfect, but at any other size, including mobile, the text is on the edge of the image card. I've successfully targeted other single elements before but finding this tricky. Let me know if you need any info from me. Thanks, James
  21. I'm in need of some help, I have spent a lot of time trouble shooting but still can't solve the issue. @tuanphanyou may be able to help? On the home page, the background image up the top is not compressing correctly to mobile. I used the below code to get it to appear correctly on the portrait version of mobile but now the landscape mobile version looks awful. See screenshots attached. @media screen and (max-width:767px) { .homepage section:first-child { height: 50vh !important; width: 51vh !important; min-height: unset !important; } }
  22. Site URL: https://gar-cow-cwsx.squarespace.com/ Hello! I've added a keyline under my header of 1px. There are two edits I'd like to make. 1. I'd like the keyline to end at the site margins rather than being full bleed (same as the keylines in the footer). 2. I'd like the header keyline ONLY on the projects page to be #38402e (follow the colour theme - at the moment is isn't visible) Can anyone help? Thanks! Site password: bertie
  23. Site URL: https://gar-cow-cwsx.squarespace.com/about-2 Hello! I'm trying to get some text to scroll horizontally across the screen, I think it's called a scrolling text ticker. The effect I'd like is on the home page of this site https://www.everydaymassive.com/ ("one of the big five transform safety...") On my site I'd like the text to be on the about page, between Philosophy and Services. This would be the copy "resident driven and environmentally friendly build and design" My site password is: bertie
  24. Site URL: https://gar-cow-cwsx.squarespace.com/about-2 Hello! I'm trying to add pop-ups to the team section for the bios (button>read bio) as the text for each team member is 200 characters. The team section is at the bottom of the about page. The password for the site is: bertie I have tried the solution below but didn't work (probably the code needs to be tweaked for the new version?) Thanks!
×
×
  • Create New...