Jump to content

Enlarging description captions under gallery images

Recommended Posts

Site URL: http://www.scopephotonics.com

TLDR: Want to enlarge description font under gallery images on desktop.

So I'm trying to display 8 photos with descriptions underneath them. Ideally it'd be a 2x4 grid on desktop, 1x8 grid on mobile. Can't seem to get this working, so now trying Strip style and committing to 1x8 regardless. On mobile this looks great, but on desktop the text is incredibly small font compared to the giant images. I've tried messing around with settings, and even pasting in code to the Custom CSS box in Home>Design>Custom CSS, but the latter doesn't even do anything to the website. 

Any fixes, whether with css code (along with help on how to actually get custom css code working) or just settings/styles, would be amazing!!

PS: Very new to squarespace, apologize if this is a simple fix

Link to comment
  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply
26 minutes ago, Holden said:

The images on the 'applications' page - there should be 8 of them, beginning with one of someone holding a phone.

Add to Home > Design > Custom CSS

/* application page gallery caption szie */
body#collection-5f1795d34784d50d3fe7b2fd p.gallery-caption-content {
    font-size: 20px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
35 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


/* application page gallery caption szie */
body#collection-5f1795d34784d50d3fe7b2fd p.gallery-caption-content {
    font-size: 20px !important;
}

 

That worked fantastically, thank you! One followup question if you don't mind - how do you enlarge the caption width to fit the full width of the image, like normal text on Squarespace does?

Thanks so much!!

Link to comment
3 minutes ago, Holden said:

That would fantastically, thank you! One followup question if you don't mind - how do you enlarge the caption width to fit the full width of the image, like normal text on Squarespace does?

Thanks so much!!

Add to Home >D esign > Custom CSS

/* fullwidth gallery caption */
figcaption.gallery-caption.gallery-caption-grid-strips {
    max-width: 100%;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.