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; }