Tankgurl

Thank you for the help! Finally worked. Melanie

@WCS Ok thank you. I removed the CSS I had and repasted what you gave me. It is working now for the section I have under the leadspace starting with "Welcome to my practice" which does not have a background image. I just did this to test it out. section[data-section-id="659fe6cfeb7d920d48eb8425"] .section-background{ background-color: red !important } BUT it is not working for the section I needed which is the one with the inset background image and text starting with "Always one on one...". section[data-section-id="65a3266090ba675b103d2c61"] .section-background{ background-color: red !important }

@WCS Thank you but I tried following your directions and it didn't work. I tried it with multiple section id's that didn't even have a image as the background but none worked. I also tried "red" and the hex value I wanted. Any idea why it's not working? https://saffron-cone-t79e.squarespace.com/ section[data-section-id="65b27ef293e4fc0d593bf20a"].section-background{ background-color:red !important } section[data-section-id="659fe6cfeb7d920d48eb8425"].section-background{ background-color:red !important } section[data-section- id="659fe6cfeb7d920d48eb8428"].section-background{ background-color:red !important } section[data-section- id="65a3201f7bc65d34c5b0a45c"].section-background{ background-color:red !important } Thanks. Tankgurl

Hi, Ok I need to change the background color of a section that has an inset background image. With the image inset, there is a larger border around it that is white but I need to change that color to gray. I searched for a solution in this forum and one said to change the whole page background with the CSS: which could work but when I inserted the CSS the actual code appeared at the top of my page. Another answer said to change the section background color using SS mobile but I could not find that option. Here is a screenshot of the section with the inset image background and the white border around it which is really the background color the page or section. I need to change that background color to gray. Here's the draft version of the site also and you can see that section in the middle of the page: https://saffron-cone-t79e.squarespace.com/ Thank you to anyone that can help. Tankgurl

Squarespace knows about all of this. It's a huge problem with the fluid engine. I went through all of this on my portfolio site that I created 1.5 years ago and possibly stupidly gave SS another shot prayingthese issues might be fixed now. In the past I sent SS multiple screenshots of all these issues and they basically said it needs to be fixed with custom CSS code which they can not provide me. Lol pretty insane they charge for this and they absolutely know about all these bugs that have been there for years. Tankgurl

Nothing I just tried another section that had 27 rows and changed it to 50, but not rows are actually added. This might be when there are sections below the one I'm trying to edit. Any other ideas?

I am trying to add rows to a section in the mobile view and it does not work. Basically I am trying to increase the height of a section and the editor will not let me do it. I can't drag down the bottom of the section to add more rows, and in the editor for the section when I add rows none are actually added. Anyone know what to do? More and more I am dreading when I have to edit anything in the mobile view 😞 I have 2 screenshots showing before and after I tried to add rows in the section editor. In the second screenshot you can see the I added 10 rows in the Row Count (first screenshot is 10, second screenshot is 20) but none of those additional rows were actually added to the grid.

Hi, my H1 header text was getting cut off on mobile by the header bar. To fix this I moved it down a little but now it looks great for mobile and terrible for desktop because the header text is moved way too far down. I am not sure what to do. I have also been finding that trying to vertically space out blocks by separating them by 1 or 2 rows in the grid does't seem to work. The space disappears either on mobile or desktop so two blocks are on top of each other. The only thing that seems to work is adding hitting the return key and adding a blank line above or below header text but then that seems to add a lot of padding again either in mobile or desktop. I feel like you just can't win. Right now I just need a solution to have my H1 header not be cut off by the header bar on mobile and on desktop to not have 200px or more above my H1 header as a result. Maybe there's a way to put padding only in mobile below the header bar? Please help.

@the_craigery I am having a similar issue. I have been told multiple times you can edit the mobile view and it won't effect the desktop view and that is just not true. My H1 heading on pages is getting cut off by the mobile header navigation. I moved it down, so it's not cut off in mobile but now on desktop it moves moves my header even farther down the page and looks bad. I have already talked to Squarespace Support on their chat 2x this week about responsive vertical spacing issues and their answer is "it's because it's responsive" which makes NO SENSE.

I am just SO frustrated and wish I used a different website builder. There is NO WAY squarespace does not know about the responsive vertical spacing issues that occur over and over again on EVERY SINGLE PAGE. They are obviously choosing to do NOTHING about it since it's been widely complained about since 7.1 launched. I even got a response from their Customer Service that they looked into it and could do nothing and told me unofficially about CSS. If I knew I would need to be a CSS coder to properly design my site, I would not have chosen Squarespace. I just don't understand why they don't fix this. This is advertised as a responsive engine and then tell users this extra space that they add is because of a responsive design???? What?? At this point I really feel I want a discount or it should be advertised that you need to know CSS because I would have made other decisions.

Just sent this issue to Customer Support on Squarespace because of course their live chat is closed. For me in LinkedIn I get no image and this weird copy that is not part of my site anywhere. Then on Facebook Messenger there is no title or description and the image that displays is not the SEO image I set or my hero banner, it's an image further down on my page. I still need to test the other social media sites. I REALLY wish I went with WIX instead of Squarespace 7.1. It seems that they have been aware of all kinds of bugs and issues since it launched and NOTHING has been done except tell users who are paying, to create custom CSS code.

@tuanphan Hi thank you but that is not working. I also tried changing the "strips" to "simple" because that gallery section is using the simple gallery but it didn't fix the image border issue. Is there anything else I can do before I have to go back and remove the border from all my images? Thanks.

Here is the new page I'm working on with the same vertical spacing issues at different breakpoints. I have attached screenshots of 1440, 1200, 726, 428. For desktop I put red squares around the extra space areas but mobile is actually the worst one. I really hope there is some css code that would stop all this extra space from being added at all breakpoints.

Hi thank you for responding! So I fixed this about 10x yesterday over the course of the day. I am now working on a new page using this template and I have to fix the same vertical spacing issues OVER and OVER again 😞 As I go back and forth from desktop to mobile, vertical space is added above and below my images within an image block and a ton of pace below text in text blocks. This also happens for the tablet breakpoints. Is there CSS code that can prevent this from happening so I don't spend days just fixing the spacing issues just so they can come back again 😞 Thank you.

@tuanphan YES! Thank you so much for getting back to me! I haven't been getting replies to any of my posts for the past 2 days. Here's the page on my site where this is happening. https://www.melanieklein.tv/2ibm-support-search-for-watson pass: obiwanux Thank you again!!!