qosmic

Just FYI, unless you're on the free tier, Mailchimp is expensive.

We've implemented a number of solutions for our clients, most of whom use a 3rd party application to manage their contacts and customers, typically a CRM. In our opinion, Squarespace's mailing list is really only useful for ecommerce companies with limited needs.

Ah. Go to Settings>Domains>Built-in Domain (which you highlighted) and click on it. Enter the name and hit Rename. If that doesn't work, you should probably reach out to support.

We don't know that the image tint is 100%. 0.675 white tint applied a 100% white background just looks white. Given that the code works in the first case, it has to be working in the second. Something else is the problem. For example, there's nothing in these three blocks of code that suppresses the block with ID ending _5266. Note that we don't reference that ID at all. Without being able to see the back end, and in the absence of any other clues, I would recommend deleting the second set of blocks and removing the text block ID from the code. Do a group select of the first blocks and duplicate them. Add the ID of the new text block to the code as above. Change the image and see if there is still an issue.

Do you have any header injections, custom CSS, or other code on the site? In the mobile editor, try leaving more space in the section if you haven't already.

Couple changes to the code. 1) You need to include ":hover" at the end of each block in the second section: #block-yui_3_17_2_1_1683733217068_10626:hover, #block-yui_3_17_2_1_1685104993166_5849:hover { 2) You're missing a comma between the blocks in the third section, so the machine is reading that whole line as one ID. Of course, nothing on the page matches, so the background color is not being applied to anything. I'm also wondering if we're at cross purposes. I'm looking at the code and seeing that it does what you've asked, where the syntax is correct. However, I suspect you are comparing what's happening on the screen to what you want to happen. But before digging deeper into that, make those two changes and see if that does the trick. If not, please describe how you would like the image and text blocks to appear before and after hovering over them.

Try duplicating it and seeing if the copy retains any content.

Is this the end of the form? If so, it's displaying correctly on my site. Are you on 7.1? Are you adding this via a code block or an embed block? What's the link to your site?

Paste the embed code here. There will likely be a "height=X pixels" line that needs to be changed.

I can't remember if you need a different selector or not. Try this first. <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/6179e301282d777ca075f46a/t/61df592ef5f3f23010c205f1/1642027311119/logo-name.png"); } @media screen and (max-width:768px) { .header-title-logo a { content: url("https://static1.squarespace.com/static/6179e301282d777ca075f46a/t/61df592ef5f3f23010c205f1/1642027311119/logo-name.png"); } } </style> If that doesn't work, be sure to share a link to your site.

I just tested the following code on two sites (to make sure I'm not crazy!), and it worked for me. When you say it didn't work, what do you mean? Is anything happening? Do you have any other CSS that could be conflicting? #block-yui_3_17_2_1_1661275490273_1067987, #block-yui_3_17_2_1_1684607843271_36474, #block-e69b86acbe05251d6f53 { opacity: 0; transition: opacity .5s } #block-yui_3_17_2_1_1661275490273_1067987:hover, #block-yui_3_17_2_1_1684607843271_36474:hover, #block-e69b86acbe05251d6f53:hover { opacity: 20; transition: opacity .5s } #block-yui_3_17_2_1_1661275490273_1067987, #block-yui_3_17_2_1_1684607843271_36474, #block-e69b86acbe05251d6f53 { background-color: rgba(255,255,255,0.675) !important; } (Just for discussion: I like to use a mobile break point of 768px, or even 800. If 640 is working for you, great. I'm not trying to be pedantic. But it is the case that a lot of newer mobile/portrait-oriented screens are bigger and/or have greater pixel density than in the past, whereas very few landscape-oriented screens are under 7-800px wide.)

No issue here either. I tried scaling it, and the site always filled the viewable area.

It's possible you have a DNS or other technical error, but unless you share your site name and URL, it would impossible for anyone to say. However, what you've described is not really how search indexing works. Just because you've launched a site with a certain name, even an uncommon name or made-up word, doesn't mean Google will immediately rank you over longstanding pages that contain the same or similar words, even if you've submitted your site to them. Ten days is not long. The typical rule of thumb is that it takes several weeks for any changes to have any noticeable effect on your rank and as long as 90 days or so before you see the full effect of those changes. (Actual results will vary significantly, but start with that expectation.) There are any number of decent primers on SEO. Squarespace has one. I often send beginners to Semrush because they have some nice short videos that cover the basics. But you have to recognize that it's an entire discipline. It's many people's entire job. If you're lost, you might consider hiring help.

Separate them with a comma before the bracket. #block-yui_3_17_2_1_1683733217068_10626, #blockID2, #blockID3 { opacity: 0; transition: opacity .5s }

You can select blocks and copy between sections. I don't think it works across pages. However, you can duplicate a page. If you want the layout, I would start with the copy and then customize as needed.