oldegray

For the life of me, I cannot find where to change the style of the gallery blocks (not gallery sections). I prefer blocks to sections simply because of the fact that in Gallery Blocks you can add a title and a description. However where in the style section is it possible to assign better font styling to these blocks? 
 
Thank you!!!!

@Beyondspace @tuanphan
When you click on each portfolio on the homepage, it'll bring you to the respective portfolio gallery.
I would like the captions to
1. be visible when you hover (which they currently are through some added CSS) and
2. be visible directly underneath each image when it is clicked on or in lightbox mode 
Is this possible?

Hello! Does anyone know how to enable captions for gallery images when you click on them?  
https://rachelstevens-buildout.squarespace.com/config/
password: artist
 

You are brilliant @tuanphan thank you!

NO way to change Grid Strips to Slideshow (actually very complex)
You can add Slideshow, then we can use CSS code to change it to Grid (Simple) on Desktop.
Or you can add 2 Galleries, then we can give code to show 1 on desktop, show another on mobile

I was having this same issue on a 7.1 site with a centered nav. I wrote this CSS and dropped it into the Custom CSS section which seems to solve the issue.
// Header Nav Width Adjustment .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 2 0 100%; } .header-layout-branding-center-nav-center .header-actions--right { position: relative; right: 4vw; } The first value in the flex property basically tells the div holding the nav to grow to fill the space. However, this seemed to push the right side action buttons (cart icon, in my case) off the screen a bit, so I added the next line of code to move it back into place.
A little bit of a hack job, but gets the job done.

This is a known issue with Safari on mobile. It seems to affect the new 'scale text' feature in 7.1. 
I seem to have found a workaround, it basically involves using some CSS to override the scalable text on the mobile view. It's not a perfect solution, but it works until Squarespace fixes this (or Safari gets better). 
Here is some example code, you will want to modify this to your specific issue. In this case we are targeting our h1 headings:
@media screen and (max-width:767px) {
.sqs-block-html .sqsrte-scaled-text-container>.sqsrte-scaled-text h1 {
 font-size: 9.5vw!important;    
  } 
}
So it turns out that this Safari bug happens with not just the "scale text" feature of 7.1, but with lots of css responsive units, including em, rem, etc. (you can see this yourself by using these units in the above code example). I found that for some reason the viewport width (vw) work great and is an exception to this. 
Like I said, it is not a perfect or ideal solution, but it works. Might require a lot of tweaking depending on your site / context / use case. Tested on iPhone 13, 1Phone 13 Pro Max, iPhone XS, iPhone XS Max.  

I also am struggling with finding a fix for this same exact issue. Please let me know if this gets resolved and what you do to fix the issue. I will do the same!! Thanks in advance

Agreed, the jittery problem doesn't happen in Chrome on my iPhone either. Just Safari. Do you know why this would be the case that the 'scale text' would do this just in Safari? Or who I could reach out to see why? It seems like a Squarespace bug that one of their functions wouldn't work properly on a commonly used browser for mobile. 

@bangank36 I haven't figured it out. It happens when I view it on Safari on iphone.  What browser and device are you using in your screen shot?

Hello!!!
Alright, here's a new one.  I have a 'coming soon' style page where I hide the header and footer as I'm working on this site. However, I have noticed that on mobile, the fonts that I have used the 'scale text' option are super jittery on scroll (just on mobile). I narrowed this down as I tried to removed the scale text option and it worked just fine without bouncing around, however I really want to have these letters scaled to fit the text box for aesthetics. What might be causing this, and how can that be fixed??
www.throwceramics.com
pw: cone5
 
I've included a screen recording of what I'm talking about. 

RPReplay_Final1667447750 2.MP4    
 
 

@paul2009 thank you! Sometimes just knowing the limitations is so helpful as we build things out! Much appreciate your prompt help with this. 🙏🏻

Thank you!!! That was the ticket. 

remove this line, it block all pointer click in your summary list

@wolfsilon - adding  padding-top totally worked.  thank you!

** SOLVED ** 
Whoops, I'm a dummy - it was as simple as adjusting the line height in the font style box.  blargh

Add to Design > Custom CSS
/* Tablet summary 3 columns */ @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1627577686982_2001 .summary-item { width: calc(30.3333% - 20px) !important; float: left !important; clear: none !important; margin: 20px !important; } }  

Site URL: https://zaleski-yoga-therapy-trial.squarespace.com/
Hello!
Is there any way to add the hover feature to a logo in the header?  I have created an image that has the text "HOME", and the goal is when you hover over the logo "HOME" appears.  Any thoughts?
"HOME" text image url:
https://images.squarespace-cdn.com/content/v1/60c248ea2c167713fcbbae51/1626447325783-5E17T63QZGC3MY7AC19Y/HOME.png
Website:
https://zaleski-yoga-therapy-trial.squarespace.com/
pw: essential
 
Thank you!!!!!! xoxo

This worked wonderfully.  Thank you!

For your site, try adding this to Design > Custom CSS:
.Header-nav-item { max-width: 120px; text-align: center; overflow-wrap: break-word; white-space: normal; } I recommend that you also go into the Site Styles panel (Design > Site Styles) and set your Mobile Breakpoint to 980px (the default is 640px). This will ensure the mobile navigation kicks in before the desktop navigation becomes squashed.
Let me know how you get on.
If this helps, please click "Like" below  ⬇️

The widget is in an iframe, therefor you need to ask the widget provider about this

Site URL: https://cyan-gold-cmmp.squarespace.com/river-floating
Hello! I am looking to change the font on the WeatherWidget to the lo-res-9-narrow font that is used throughout the website.  Is there something special that I need to do in the widget code to make it recognize the LoRes font?  Thanks for your help!