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

Search the Community

Showing results for tags 'fluid engine'.

  • 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.therockleypub.com.au/ I'm really struggling to adjust two buttons that are next to each other once the screen hits between 1828 - 1126p (it is fine for desktop and mobile) . One button text changes positioning and then the two buttons overlap. This has been an issue since using the fluid engine. Thank you
  2. Can anyone tell me what determines the size of the grids in each section? And, I'm not talking about the padding which can obviously be adjusted many ways. I'm talking about the physical size/dimension of each set of blocks in a section's grid. Why are some grids so small while other are so much larger? Is it the content added to the section? If so, why can one text block have small grid boxes while another text has much larger grid blocks. For instance, when two sections are side by side (horizontally) it's nearly impossible to align the 2 text headings vertically because the grids are different sizes. See attached.
  3. Hi there! I'm currently struggling uploading videos and changing the video aspect ratios as I'm trying to post previous TikToks and Instagram reels on to my portfolio website, but every time I upload it it turns into a 16:9 ratio with the blank borders around it. Is there a way to change it through CSS rather than getting the embed code from the social media websites directly since I'm uploading it from my own drive? For reference I'll be uploading into a gallery-like section so I can't have the borders next to each other as there will be 3 videos in 9:16 all next to each other. Thank you!
  4. Hey, How do I get my 4 code blocks (that are in one row on desktop size) to be spread in, 2 rows with 2 blocks, in smaller screens and tablet view (not mobile as I can customize that). so I have 1 2 3 4 and I would like to have 1 2 3 4 I tried to change the fluid engine grid-template-columns but that didn't work as I change the fluid engine columns. Thanks in advance!
  5. Site URL: https://chrysalis-apricots-jrc4.squarespace.com/config/pages/604a7454f4e3a742e685b79e -URGENT- On desktop, I am using Image + Text Blocks to highlight a product photo and product title. I multiple rows in a 4-column grid. On desktop, it reads Left to Right. On mobile, I want the same order each row of 4-columns, Left to Right, but stack on top of one another. This was working but all of a sudden the fluid engine is overlapping everything in the mobile view. https://chrysalis-apricots-jrc4.squarespace.com/config/pages/604a7454f4e3a742e685b79e Can someone share how I fix this?
  6. I'm building a site in 7.1 with Fluid Engine (which is great 😀) but it doesn't look great on tablet screens, especially when viewed in portrait. On mobile's it's great as the new mobile view editing option means you can reorder elements - which I love. I'm thinking if I can just make it switch to the mobile layout sooner, ie for ipad portrait width, then it would look great on tablets too. There doesn't appear to be a mobile breakpoint setting in 7.1 as there was in previous versions and the CSS I've found online doesn't seem to be working, is there some CSS I can add that will adjust the mobile break point in 7.1 sites built with Fluid engine? Many thanks in advance to anyone that can help!
  7. 100%. I have 5 websites on SS, been using since version 5 and this is the worst SS has ever treated their customer base. I never even got an email letting me know about fluid engine, let alone asking for my input about new features. Nope! Just roll it out on everyone with no way to revert to the classic editor. I would like to permanently block it from touching my sites. The headaches this has caused me and many others is simply unforgivable. We now have so much more to worry about, and working with this fluid editor is just plain awful. The mobile editor is a joke. I guess now that SS is a publicly traded company they don’t care as much about us. It’s a shame. They arent even on these forums and call it “community”. Its really a board to help us cope with their bad decisions at this point. I have emailed my complaint to them but can guarantee I’ll get a canned response like “we’ll forward your feedback to the right people”…sure, because you’ve proven my feedback is so so important to you. and to add insult to injury they just raised their prices across the board. Unreal. I am angry.
  8. Site URL: https://ayamun.squarespace.com Passcode: 9166 Hi there, I’m having trouble getting the mobile version of my client’s website to look the way I’d like. I’m working on two monitors – a 32" 4k monitor scaled down to a resolution of 2560 by 1440, and my 2018 15" MacBook Pro with its default resolution of 1680 by 1050. I work primarily on the 32" monitor, but I use my 15" macbook pro for reference, as well as a few different sized mobile devices (large and small), and a 12.9 iPad Pro. When working on my 32" monitor, everything looks great – the desktop and mobile websites looks preem. On my 15" MacBook Pro, the desktop version of the site looks great, but on the mobile version, there appears to be a lot of additional space that is injected between page sections. I previewed my website on all my mobile devices previously mentioned, and they all appear to have the same issue. After a quick google search, this appears to be a pretty consistent bug with Squarespace’s Fluid Engine, specifically on tablets. I could do with not having a great looking tablet version of my client’s website until Squarespace comes up with a fix, but it NEEDS to look good and read well on mobile. How do I go about fixing this issue? My primarily goal is took make my client’s website look good and read well on 13"-15" laptop devices and on average sized smartphones – bonus points if they look good on bigger phones as well. I have attached a couple of screen captures below showcasing the problem. Please read the file names, as they tell you what is considered correct or incorrect spacing on desktop and mobile, as well as the device’s resolution. Thanks again! correct-spacing-desktop-and-mobile-2560-by-1440-resolution.mov
  9. Site URL: https://clarinet-dove-c2p3.squarespace.com Hey y'all! Having trouble getting the bottoms of both an Instagram Block and a Newsletter Block to line up in a Fluid Engine section. Using Fluid Engine to go full bleed, but with the way the instagram block handles spacing, it never lines up with the newsletter block next to it. Thanks for the help!
  10. Hi, I was unable to find something about the uneven bottom space of text blocks and I'm surprised because it major consistency problem. In this example with screenshots attached: I create a text block that has 5 lines of text, it takes 4 rows + bleeds into the spacing so it includes a full row as bottom margin. Now I create a text block that has 3 lines of text, it takes 3 rows so the text height is 3 rows. This means the first block of text has 1 row as additional bottom spacing and the second has a random half row as bottom spacing. When you code a website it doesn't matter if the paragraph has 3 or 5 of text, you set an automatic bottom margin of N pixels and it'll be the exact same everywhere. And this is what I want, the same margin everywhere. Because if I have 2 sections with title + text + image as picture and one has a longer text then the spacing between the text and the image is different between the sections. Since it looks like it's based on this grid system I was unable to change that with CSS. Maybe by targeting a specific block ID but that would be a freaking ton of work to do it for dozens of blocks on several pages which would break if I need delete and recreate that block or something. It looks like I'm hitting that 768px breakpoint which I saw online creates spacing issues between desktop size and mobile so maybe there is something there, I don't know. I have the basic subscription. Thank you for your help
  11. Hi! So I want to place some images and text blocks in between sections on a page and I'm stuck using fluid engine. I could do it easily in 7.1 by using the following code in the custom css: #block-yui-123456789 {margin-top:-50%] But the code doesn't work anymore for the blocks in fluid engine. Does anyone know how to solve this? The new editor is giving me a headache. Thanks for your help!
  12. Site URL: https://www.theessenceofyou.ca Hello! In 7.1 I had the code nailed down and now I feel like i'm starting over with my knowledge. I'm looking to change the opacity of the text box when the background is enabled. I'd like the background to be at 70% opacity, with the text not being affected by the opacity. Thanks! Cheryl
  13. Site URL: https://www.mindbodycalm.co.uk I'm trying to round the corners of these images in the slider. Is there a specific CSS code I need for this? Thank you for your help 🙂
  14. Site URL: https://onion-teal-fz29.squarespace.com/ Hello, I'm trying to create a hover on the images on this page that swap to a different image when hovering. I uploaded two images in custom files, put them in a code block and tried the Custom CSS from a youtube video but it's not working. The images are showing but are stacked on top of eachother. I also need these images to link to different pages on the website. Please help! https://onion-teal-fz29.squarespace.com/wine https://onion-teal-fz29.squarespace.com/ Password: wine
  15. Site URL: https://not-yet-live.com Using 7.1, Fluid Engine: I need to use a code block at the bottom of the site footer, as I want to use scripting to dynamically display the current year in the copyright. Apparently the code block is still quite tall. The section it's in is set to "small" and I cannot have fewer than 9 rows in the section (!) when the code block is in it (this is the only block in this section). This leaves lots of empty space beneath, which is really not ideal in a footer bar/copyright line. CSS targeting the block to remove padding will not override this, and I believe this is because the section is reading the code block as requiring 9 rows. This section started out as 6 rows, and dragging the section bottom drag bar up to minimize the height actually added 3 rows that nothing will remove. (I certainly can't edit the rows value manually, it is overwritten by 9.) FYI, the code block itself only contains 2 lines of code. This seems buggy. Anyone encounter this?
  16. Hello, is it possible to add an additional column to the Fluid Engine grid? I would like to have three 1:1 aspect ratio square text blocks on this page, but I can't center the middle one, and with one space between each text block I'm left with a misaligned layout. I'm open to any solutions you guys might have for this, and thank you for your help!
  17. Site URL: https://worksbyshaun.com/home-new Hello, I am reworking my home page and having significant issues with the page once you shrink it to less than 750 pixels wide, the entire homepage "explodes", the only way I can explain it. Graphics shift all over the page, nothing resembles what the page should look like layout wise. Please see the two screen grabs below. I do not believe that I am alone with issues like this and would greatly appreciate some direction on how I may resolve this... Thank you so much for your help. Website at 750px wide, as it should look... Broken/exploded website at 749 pixels wide...
  18. Hello, I had a domain connect to a old Squarespace template that was a old design. I have removed it from my old one and tried reconnect it with my new site. I've tried following the guide but there is no drop down anymore. Its asking to transfer. When i have gone to do that it says.. Transfer in Progress To complete the domain transfer, please contact your current provider and update the IPS tag to TUCOWS-CA. When i have gone to go daddy they have no idea what im talking about. Can anyone help me connect my site!!!! NOTE: SQUARESSPACE. GIVE US A NUMBER TO RING!
  19. Site URL: https://trombone-tiger-zfb6.squarespace.com/ Hello! I'm looking to adjust the size of the font for the testimonial slider section in the new Fluid Engine Builder, for mobile optimization. The font is massive right now. Any help would be appreciated, Thanks Cheryl PW: Jellybeans1234
  20. Site URL: https://palazzodelgolfo.com I am looking to refresh my site and was hoping that a new template might help. I may have some video that I would like to add as well. Any suggestions for new templates I should take a look at? Am glad that you can preview the site template but in an ideal world I really want a true dev/staging environment with backups etc.
  21. Site URL: https://steven.squarespace.com/test I don't understand why it's there. I double-checked the section setup and made sure that the block fills up the section completely edge to edge and top to bottom, but that pesky bottom padding still persists. Any help would be greatly appreciated. Thanks.
  22. Site URL: https://www.melaniehardy.com.au/ I have just logged into my website for the first time and the editor is directing me to the new Fluid Engine however when I go through the automated prompts (using the black arrow) to add a new section to my page, the editor does not display so there are no editing tools at all. Even the scroll bar is missing on my page. Then it just sends me back to my Home Screen again. I have reloaded the browser and waited but nothing happens. Does anyone know how to get any editor working at all? Do I need to change my web browser? If so how? Attached files are showing the screen as I see it when adding a new section. Thanks.
  23. Site URL: https://blackrockortho.com/home-v2 I'm having some weird issues with buttons in Fluid Engine on a new site I'm working on. When scaled down to a tablet size, the button in the hero image gets offset and goes partially off the screen. I also have a button getting cut in half for no apparent reason in the footer? Has anyone else been having issues with Fluid Engine buttons and/or have a solution? Thanks!
  24. Site URL: https://www.joellegergis.com/ When viewed on mobile, the first section on the home page - which contains a simple image and a block of text - is way too tall. No matter what I do (changing font style, etc.), the section is always too tall on a real device (iPhone), but looks correct in the Squarespace preview. How do I get it to behave properly?
  25. Site URL: https://nyf.squarespace.com/ password nyf2022 I am trying to make a sidebar design element on a long scrolling page and do not want the bar to get too wide. When I set the image to "fit" it works well on desktop but not on mobile, whereas "fill" is perfect on mobile but not desktop. Is it possible to customize CSS to make both work at once? See the Announcements and Reports section at the bottom of the homepage. Thanks!
  • Create New...