tinyinternetcompany

I have a photographer who wants his gallery titles to be snapped up against the bottom of his pics without having to switch to 7.1 (it's hundreds of photos). He wants them displayed with no crop, so there's a blank square around each photo and the titles fall to the bottom of the square. But lots of the photos are different sizes, so lots of the photo titles look funny. Is there a blanket code that can fix this in SqSp 7.0 Brine? more links to galleries: https://billdane.com/1970s https://billdane.com/1980s https://billdane.com/1990s https://billdane.com/2000s https://billdane.com/2010-2014 https://billdane.com/2015-2020 https://billdane.com/littleknown

Lol I was just looking at if you'd responded. Works for me 🙂 I have to take the period out of "Inc." in the logo.

Oh hey is there any way to center it with the title logo horizontally? Let me know if you need more info. ❤️

Massive improvement thank you. ❤️

site: https://atotalfireprotection.com/ I already am using some custom CSS I got from you guys to make the header look like it does. I also put in a max-width break point (1110 px) because the Call For Free Quote button was covering some of the navigation menu at narrower resolutions. So there's a certain width where the site header won't convert to the mobile menu, but will replace the menu with a hamburger icon. Here it is normal: And here it is after the break point, before going to mobile view. I need that hamburger icon centered with the title/logo, and also it needs some padding so it's not pressed up against the edge. Here is the some of custom css I'm using that you guys already graciously provided me with. .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 0 0 100%; } .header-layout-branding-center-nav-center .header-actions--right { flex: 0 1 15%; max-width: 0%; } .header-display-desktop { align-items: flex-end; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav { text-align: left; } @media screen and (max-width:1110px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } } Thanks ❤️

Lol of course. Solved and thanks to you SqSp pros always.

Absolutely excellent. Now one more step if you could oblige? Could I get these elements to match the span of the main site's margins below? For instance:

site: https://a-total-fire-protection.squarespace.com password: 1234567890 So client wants the logo really big, like this: But they want the navigation menu underneath, justified left, with button justified right, also under logo image. Like this: 1: Logo 2: Navigation Menu 3: Button This is how I have the default template layout now, thinking this would be the easiest to operate off of. Let me know what you think: Is it possible? ❤️ Thank you for any input.

Excellent, it worked a treat!

My client wants the next/prev buttons to not be on top of the pictures, but outside of them. Do you have custom code for this? Example page: Coke — Chloe Aftel Thank you!

Thanks. I added it to the same page: https://www.chloeaftel.com/editorial/famous

Sure thing, thanks for taking a look: https://www.chloeaftel.com/editorial/famous I don't have the thumbnail version slideshow block up now, just one that transitions between slides. Would you like me to put it there?

There is an option in SqSp slideshows to have thumbnails beneath the big image, and when the thumbnails are clicked, it changes the big image. Is there a way to get those thumbnails to arrange themselves in a wide-guttered Masonry Grid style below the image, more or less the way the images are arranged in the link provided? Thanks to anyone reading. ❤️

Hmmm doesn't seem to work.

Beautiful thanks! (Both of your answers were the solution, by the way, just marked the second one).

Oops I had some custom CSS in there preventing the text from justifying right. Now I just need the picture of the logos at the very bottom to justify right. Any ideas? The custom CSS was this: @media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page p { text-align: left !important; } div#topNav { text-align: right !important; } } .form-wrapper { background:#f2f2f2; padding:5px; border-style:solid; border-width:1px; border-color:#7B666A; } #topNav nav .folder .subnav { background: hsl(220, 4%, 100%) !important; } .form-wrapper { padding: 50px; background-color: #fefefe; border: 1px solid #bababa; border-radius: 0; } .button.sqs-system-button.sqs-editable-button{background:#026873;} And I changed it to this (I simply deleted the p tag after section#page in the first line. @media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page { text-align: left !important; } div#topNav { text-align: right !important; } } .form-wrapper { background:#f2f2f2; padding:5px; border-style:solid; border-width:1px; border-color:#7B666A; } #topNav nav .folder .subnav { background: hsl(220, 4%, 100%) !important; } .form-wrapper { padding: 50px; background-color: #fefefe; border: 1px solid #bababa; border-radius: 0; } .button.sqs-system-button.sqs-editable-button{background:#026873;} Thanks!

I'm messing around with the Wexley template for a client and can't for the life of me figure out how to justify text and images differently on desktop view in the footer. I have it justified right and it works in on mobile, but on desktop it stubbornly stays on the left. Any simple custom CSS to fix this? https://www.characterdriven.work/corporate-portraiture On mobile it works:

Quick question: if I just wanted to change it to plain text - and + (instead of < and >) and not images, is that possible?

I love you tuanphan, I haven't tried it yet and will respond soon, but i've seen so many of your responses here for so many years, I just want you to know that you are amazing. You have solved so many issues for me in so many other threads over the years, even when i didn't ask lol. You're like the Squarespace Santa Claus!! ❤️

Need the fairly simple custom tweak of changing the next/prev arrows on slideshows sitewide to other characters, or images if need be. For example: https://www.chloeaftel.com/advertising/apple

Yeah this is kinda wack, especially during covid. I have clients selling unique individual zoom links for unique classes, and as I understand it I can't get SquareSpace product purchase confirmation emails to automatically send a unique zoom link. That leaves digital downloads as the option, where you put the link in a txt file or what have you, but they have to D/L the text file within 24 hours? What is that? Correct me if I'm wrong (and I'm often wrong), but this is a major issue if there's no way to just sell links on your site, which offers services where the thing you bought was a link and you should have access to it until the online class starts.