whereisscott

Thank you, @tuanphan! Saving the day, per usual!

Hi @tuanphan - Yes, sorry, here it is: https://scottrobson.net/ (it's towards the bottom of the page). Thanks!

Hi all, I've tried other solutions that were posted on this elsewhere, but they don't seem to work for me. I have a summary block on the homepage of my site that doesn't look great while viewing on a tablet - the text sits to the right of the image and becomes very narrow, extending the size of the entire block. I'd much rather this display as it does in mobile, where the image sits comfortably on top of the text. Is there a way to trigger this on tablet? A screenshot of what it looks like on my iPad 10 is attached. Thanks!

Thank you! Worked very well. Appreciate it!

Hi all, I've noticed that Squarespace is automatically adding "br" line breaks when an image title wraps to a new line in a 7.0 Image Poster block, which is super frustrating (and unnecessary). I've tried my hand at trying to remove this with code, but it isn't taking. My attempt is below - any help pointing out where I'm going wrong would be appreciated! .sqs-block-image .design-layout-poster .image-title p br { display: none !important; } Website: https://www.uniqueromancetravel.com/travel-designers The image titles are displayed as job titles in the top headshots. Screengrab attached. Thank you!

Yes, This fixed it - Can't thank you enough, @tuanphan!

Hi @tuanphan Thanks so much for your time on this. I added the code to CSS and I didn't see any changes (and I tried different orders to the above). I also removed the original code you had created in the original post here from being injected into the header of the blog as well as clearing out all other custom CSS, but this also didn't affect the order. (I also tried injecting just this code into the header). Let me know if I may be doing this incorrectly... Thanks so much again.

@tuanphan Of course - thank you for helping. Here is the link to this page: Website: https://pumpkin-orange-3ld6.squarespace.com/portfolioPassword: Real2023

Hi @tuanphan - Quick question for you. I used this code to move the primary meta content to be below the blog title, but it also flipped the excerpt to the top instead. Is it possible to move the blog primary meta content to be below the title and retain the excerpt to be on the bottom? I'm attaching a screengrab for reference. The locations are the primary meta content and the rooms like Pantry, Closet, etc. are the excerpts. Website: https://pumpkin-orange-3ld6.squarespace.com/ Password: Real2023 Thank you!

Worked like a charm @creedon - thank you!! Much appreciated!

Hi all, I'm laying out a client site and am using the blog as a Portfolio. On the top right of each blog page, I'm using the categories as a way to display the location of the projects listed inside this portfolio. The problem I'm having is that, on the root blog page, the separating delimiter is a comma, which is great. For example, I am listing the locations as something like, "Bucktown, Chicago", so I have two categories listed here: "Bucktown" and "Chicago" and it displays it perfectly. In the actual blog page, though, you don't have the option of a comma as a separating delimiter and you can only pick from a bullet, space, etc. So, it's now displaying as "Bucktown • Chicago" Does anyone know some easy code to have this display the comma as it does on the root blog page instead of a bullet or a space? As always, any help would be appreciated. I've tried to edit other code I've found on the Forum to no avail and am a little frustrated that Squarespace doesn't have this as a natural option. Website: https://pumpkin-orange-3ld6.squarespace.com/portfolio/blog-post-title-one-2g2bd-5723b-4hfd4 Password: Real2023 Thank you!

Thanks so much @tuanphan! Yes, I'm using the same grid settings for each page, so this works beautifully. Can't thank you enough!

Thanks so much @tuanphan. This almost works perfectly! I've attached a screenshot - it looks like it's not treating the second image as being on a new row, so the third image isn't flowing behind it. Am wondering if there is a way for it to recognize that the second image is its own row and the third image should be flowing behind it? Let me know what you think.

Hi all, I'm wondering if you could help me with some css that would force the first image in a gallery block to display the full width of the block? Ideally, this would be for any gallery block that is placed in this "Portfolio" blog collection. (I know I could simply put a regular image block on top of the gallery block to create this, but I want to keep all of the images in the gallery block so that you can page through them while in lightbox mode.) Website: https://pumpkin-orange-3ld6.squarespace.com/portfolio/blog-post-title-one-2g2bd-5723b-4hfd4 Password: Real2023 Thank you!

Was able to fix this myself. For anyone wondering, here is the code I used: .page-section[data-section-id="64936e7ca64b3c41a44fb998"] .user-items-list-banner-slideshow .slide:first-child .list-item-card-background { display: none; }

Hi all, I'm using a List section carousel in the hero banner area of the home page. The idea is that the first image will not have the card option turned on (as it's just a photo of the founders of the company), but the other images in the carousel will have their cards enabled. Unfortunately, turning the card option on or off is set from the block level, not the individual image level. Is there a way to remove the card from just the first image in the carousel? https://pumpkin-orange-3ld6.squarespace.com/ Password: Real2023 Thank you!

@tuanphanAh, i feel so dumb to have missed that - thank you!!!

Hi @tuanphan - Unfortunately I wasn't able to fix the image issue. I'm attaching another screenshot with a rule going across the top to illustrate the issue better. You can see that when the title is on two lines, it pushes the image up. I'd rather the image stay where it is and the text moves down. I'm wondering if you think that's possible? I'm stumped on this one.

Hi all, I have a two-parter question regarding the Carousel functionality I'm struggling with. Website: https://pelican-tulip-gn6d.squarespace.com/ Password: Alexandra 1) In the carousel on the homepage, the images shift upwards slightly when the Titles overflow onto two lines (see attached screenshot - the last two book images are slightly higher). Is there some sort of workaround for this? Ideally, the text would move down instead. 2) The navigation buttons are currently overlapping with the images in some instances. Is there a way to prevent this without moving them to the bottom? Maybe it's a setting I've overlooked? Thank you!

@tuanphanNo, I believe she would want all of the calculations that are listed on the PDF for victimization, medical costs, mental health costs, and productivity costs. There is some hard data in the background, of course, which my client would need to provide. Just wondering what the next steps might be - if I could hire someone or if there is a simple builder somewhere where I could build this calculator and then it would provide me code to embed? What are your thoughts?

Hi all, I'll be redesigning a client's Squarespace site soon and she has asked if it's possible to create a custom cost calculator for the type of work she does in domestic violence prevention. The calculator would take three simple pieces of data (total # of employees, % of female employees, and average hourly wage) and plugged them in to create a potential cost based on national rates of domestic violence victimization. Here is a link to a pdf that essentially shows what this would look like: https://www.standing-firm.org/wp-content/uploads/2018/07/PV_Cost_Calculator-150_example_2017.pdf I'm curious if there is anyone who would be able to help me code this or even code this themselves? This is very much out of my league, but it's something important to the client. Thanks!

Hi @tuanphan Yes, I was able to do this - here's the code. It would only work for a single page since this targets only the section that would be on the homepage right now, but it's good to know how I'd do this. (I've since created a workaround that includes the text the client wanted to be on the navigation bar). Here's the code, though: #header { position: absolute; top: 340px; /* This value determines the distance from the top of the page */ left: 0; } section[data-section-id="NUM] { position: absolute; bottom: 190px; /* This value determines the distance from the top of the page */ left: 0; }

Thank you for your reply. The announcement bar doesn't hold graphics, so this wouldn't be a suitable solution for what we need to do here. I'm curious - couldn't moving a section to the top also be done with CSS?

Hi all, I'm starting a new website and one of the elements the client is asking for is a small section above the navigation bar for an image and some text (please see the attached). Seems simple to do, but I haven't been able to land a solution yet. Has anyone achieved something similar? Thanks, -Scott

That worked perfectly - thank you!! Much appreciated, as always.